- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7眼萌app怎么色弱測試 眼萌app色弱測試圖文說明教程
- 8百度安全衛士好用么_百度安全衛士技巧說明
- 9Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 10Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 11ipad版office如何激活? office365激活的圖文說明教程
- 12最新的Adobe Illustrator CS4序列號大全
[摘要]實例當用戶在 <div> 元素 上右擊鼠標時執行 JavaScript ：<div oncontextmenu="myFunction()" contextmenu="mymenu">定義和使用oncontextmenu 事件在元素中...
實例
當用戶在 <div> 元素 上右擊鼠標時執行 JavaScript ：
<div oncontextmenu="myFunction()" contextmenu="mymenu">
定義和使用
oncontextmenu 事件在元素中用戶右擊鼠標時觸發并打開上下文菜單。
注意：所有瀏覽器都支持 oncontextmenu 事件， contextmenu 元素只有 Firefox 瀏覽器支持。
瀏覽器支持
語法
HTML 中:
<element oncontextmenu="myScript">
JavaScript 中:
object.oncontextmenu=function(){myScript};JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("contextmenu", myScript);注意： Internet Explorer 8 及更早 IE 瀏覽器版本不支持 addEventListener() 。
技術細節
| 是否支持冒泡: | Yes |
| 是否可以取消: | Yes |
| 事件類型: | MouseEvent |
| 支持的 HTML 標簽: | 所有 HTML 元素 |
當我們在瀏覽器中點擊鼠標右鍵時會彈出一個默認的窗口，我們可以通過改變oncontexmenu事件來修改它的默認事件；另外，當我們按空格鍵時，瀏覽器窗口的滾動條會向下滾動一段距離，我們也可以通過綁定相應的事件來改變它。如下：
<!doctype html>
<html>
<head>
<!--聲明當前頁面編碼集(中文編碼<gbk,gb2312>,國際編碼<utf-8>)-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="關鍵詞,關鍵詞">
<meta name="description" content="">
<title> html </title>
<style type="text/css">
*{padding:0px;margin:0px;}
body{height:2000px;}
</style>
</head>
<body>
<script>
/*屏蔽鼠標右鍵的默認事件*/
document.oncontextmenu = function(){
return false;
};
/*屏蔽按空格鍵是滾動條向下滾動*/
document.onkeydown = function(ev){
var e = ev event;
if(e.keyCode == 32){
return false;
}
}
</script>
</body>
</html>下面是一個改變鼠標右鍵的默認事件案例：
<!doctype html>
<html>
<head>
<!--聲明當前頁面編碼集(中文編碼<gbk,gb2312>,國際編碼<utf-8>)-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="關鍵詞,關鍵詞">
<meta name="description" content="">
<title> html </title>
<style type="text/css">
*{padding:0px;margin:0px;}
#box{display:none;width:150px;height:200px;background:gray;position:fixed;}
</style>
</head>
<body>
<div id="box"></div>
<script>
var obox = document.getElementById("box");
/*點擊鼠標右鍵時執行*/
document.oncontextmenu = function(ev){
var e = ev window.event;
var x = e.clientX;
var y = e.clientY;
obox.style.cssText = "display:block;top:"+y+"px;left:"+x+"px;";
return false;
};
/*點擊空白處隱藏*/
document.onclick = function(){
obox.style.display = "none";
};
</script>
</body>
</html>以上就是html中當上下文菜單被觸發時運行腳本的oncontextmenu事件的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
