在web page中使鼠标右击失效的几种方法

p 这里主要介绍两种方法，一种是使用js来处理，另一种是在html属性中设置。 /p h2 方法一：js /h2 p 1： /p p /p pre name= code >这里主要介绍两种方法，一种是使用js来处理，另一种是在html属性中设置。

方法一：js

1：

 script language="javascript" 

document.onmousedown=disableclick;

status="Right Click Disabled";

Function disableclick(event)

 if(event.button==2)

 alert(status);

 return false; 

 /script 

2：

document.addEventListener("contextmenu", function(e){

 e.preventDefault();

}, false);

3：使用jQuery

$(document).on({

 "contextmenu": function(e) {

 console.log("ctx menu button:", e.which); 

 // Stop the context menu

 e.preventDefault();

 "mousedown": function(e) { 

 console.log("normal mouse down:", e.which); 

 "mouseup": function(e) { 

 console.log("normal mouse up:", e.which); 

});

或者：

 $(document).ready(function () {

 document.oncontextmenu = document.body.oncontextmenu = function () { return false; }

 });

方法二：html属性设置

‘

 body oncontextmenu="return false" 

 /body 

最后：尽量不要这么做，除非特殊用途。

preference:http://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-my-web-page

        接下来就是将多页面组合在一个页面上，首先要将每个页面对象化，通过调用对象，来实现页面的切换，比如要从index页面跳转到register页面，只需要在js上调用类似以下的语句         indexPage.