一個頁面中,BODY中用oncontextmenu='return false'來取消滑鼠右鍵;在JS中設定oncontextmenu='return true'用window.document.oncontextmenu = function(){ return false;}
基本介紹
- 外文名:oncontextmenu
- 性質:科技
- 類別:計算機
- 屬於:編程
定義與用法,oncontextmenu 事件使用細節,
定義與用法
oncontextmenu 事件在元素中用戶右擊滑鼠時觸發並打開上下文選單。
注意:所有瀏覽器都支持 oncontextmenu 事件。
例:
<html><head><title>OnContextMenu事件</title>
<script language="JavaScript">
<!--
function uFunction()
{
document.all.infoDiv.innerHTML='你按下了滑鼠右鍵,但是右鍵選單<b>不能</b>顯示!';
}
function uFunction2(){
document.all.infoDiv.innerHTML='你按下了Ctrl+滑鼠右鍵,<b>可以</b>顯示右鍵選單。';
}
//-->
</script></head>
<body oncontextmenu="if(!event.ctrlKey)
{uFunction();return false}else{uFunction2()}">
<div id="infoDiv">你按下了滑鼠右鍵,但是右鍵選單<b>不能</b>顯示!<br>你按下了Ctrl+滑鼠右鍵,<b>可以</b>顯示右鍵選單。</div>
</body></html>
或者在頁面中直接加入
<script type="text/Javascript">
document.oncontextmenu=function(e){return false;};
</script>
document.oncontextmenu=function(e){return false;};
</script>
oncontextmenu 事件使用細節
在使用oncontextmenu 事件時,你應該注意以下幾點:
是否支持冒泡: | Yes |
---|---|
是否可以取消: | Yes |
事件類型: | MouseEvent |
支持的 HTML 標籤: | 所有 HTML 元素 |