您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > js中oncontextmenu事件和oncontextmenu禁止右鍵的用法

js中oncontextmenu事件和oncontextmenu禁止右鍵的用法

文章來源：365jz.com 點(diǎn)擊數(shù)：2572 更新時(shí)間：2018-11-07 09:17 參與評(píng)論

定義和使用

oncontextmenu 事件在元素中用戶右擊鼠標(biāo)時(shí)觸發(fā)并打開上下文菜單。

注意：所有瀏覽器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 瀏覽器支持。

OnContextMenu事件

用oncontextmenu事件單禁用右鍵菜單

一個(gè)頁面中，BODY中用oncontextmenu='return false'來取消鼠標(biāo)右鍵；在JS中設(shè)置oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;}

onconTextmenu=window.event.returnValue=false;右鍵菜單禁用，用這個(gè)可以禁止復(fù)制。

<script>
 window.document.oncontextmenu = function(){
     //alert('請(qǐng)不要點(diǎn)擊鼠標(biāo)右鍵！');
     return false;
 }  
 </script>

在<body>中加入屬性代碼：

oncontextmenu="return false"               
onselectstart="return false"                   禁止選中網(wǎng)頁上的內(nèi)容 
oncopy="return false"                           防復(fù)制用戶在網(wǎng)頁上選中的內(nèi)容

防止用戶另存網(wǎng)頁：

利用<noscript><iframe src=*.html></iframe></noscript>標(biāo)簽，能防止網(wǎng)頁的直接另存，但不能防止網(wǎng)頁被人使用工具下載

*為通配符。

例1：

<html> 
<head> 
<title>OnContextMenu事件</title> 
<script language="JavaScript"> 
<!-- 
function uFunction() 
{     document.all.infoDiv.innerHTML='你按下了鼠標(biāo)右鍵，但是右鍵菜單不能 顯示！';} 
function uFunction2() 
{    document.all.infoDiv.innerHTML='你按下了Ctrl+鼠標(biāo)右鍵，可以 顯示右鍵菜單。';} 
//--> 
</script> 
</head> 
<body oncontextmenu="if(!event.ctrlKey){uFunction();return false}else{uFunction2()}"> 
<div id="infoDiv">你按下了鼠標(biāo)右鍵，但是右鍵菜單不能 顯示！<br>你按下了Ctrl+鼠標(biāo)右鍵，可以顯示右鍵菜單。 
</div></body> 
</html>