js屏蔽網頁滑鼠右鍵問題（網頁屏蔽右鍵怎麼辦）

本文目錄一覽：

• 1、JavaScript 網頁的右鍵菜單怎麼屏蔽
• 2、js如何在頁面禁止右擊
• 3、如何使用JavaScript屏蔽滑鼠右鍵菜單，並且調用其他函數。

JavaScript 網頁的右鍵菜單怎麼屏蔽

html

head

title屏蔽滑鼠右鍵/title

/head

body oncontextmenu=self.event.returnvalue=false

第一種方法：在body標籤里加上oncontextmenu=self.event.returnvalue=false;

br

script language=”javascript”

!–

function document.oncontextmenu()

{

return false;

}

function nocontextmenu()

{

if(document.all) {

event.cancelBubble=true;

event.returnvalue=false;

return false;

}

}

—

/script

第二種方法：在body里加入onmousedown=”rclick()” oncontextmenu= “nocontextmenu()”

br

script language=”javascript”

!–

function rclick()

{

if(document.all) {

if (event.button == 2){

event.returnvalue=false;

}

}

}

—

/script

br詳細情況請查看代碼。br

br現在點擊你的滑鼠右鍵，不起作用了。

/body

/html

js如何在頁面禁止右擊

在THML頁面代碼添加以下代碼就可以

script language=”javascript”

/*document.oncontextmenu=Youji;*/ //為當前文檔添加滑鼠右擊事件，防止默認的右擊菜單彈出

function Youji()

{

alert(“右擊失敗！”);

return false;

}

//為某個dom元素添加滑鼠右擊事件

window.onload = function(){

document.getElementById(“div1”).oncontextmenu=Youji;

}

/script

div id=”div1″

/div

保存後打開。面就可以看到效果，

如何使用JavaScript屏蔽滑鼠右鍵菜單，並且調用其他函數。

有 jQuery 就好辦多了，你可以直接使用 contextmenu()。你的自定義 事件/代碼 必須寫在 return false 之前。

我寫了個大概的框架，菜單內容和點擊事件你要自己根據實際情況添加。

!DOCTYPE html

html

head

title右鍵自定義菜單/title

meta charset=”gb2312″ /

script type=”text/javascript” src=”jquery.js”/script

script type=”text/javascript”

$(function() {

var mousex = -99999, mousey = -99999;

$(document).on(“contextmenu”, function(e) {

mousex = e.pageX;

mousey = e.pageY;

$(“#contextmenu”).css({

top: mousey,

left: mousex

}).show();

return false;

}).on(“click”, function() {

$(“#contextmenu”).hide();

});

$(“#contextmenu a”).on(“click”, function() {

alert($(this).text());

});

});

/script

style type=”text/css”

#contextmenu {

border: 1px solid #aaa;

border-bottom: 0;

background: #eee;

position: absolute;

list-style: none;

margin: 0;

padding: 0;

display: none;

}

#contextmenu li a {

display: block;

padding: 10px;

border-bottom: 1px solid #aaa;

cursor: pointer;

}

#contextmenu li a:hover {

background: #fff;

}

/style

/head

body

ul id=”contextmenu”

lia自定義右鍵菜單 項目一/a/li

lia自定義右鍵菜單 項目二/a/li

lia自定義右鍵菜單 項目三/a/li

lia自定義右鍵菜單 項目四/a/li

lia自定義右鍵菜單 項目五/a/li

/ul

/body

/html

截圖在空間，在這貼圖總提交失敗

hi.baidu.com/keneks/item/cb5d4bf938489c2f743c4c25