JavaScript contextmenu 事件
預設狀態下,在網頁中右鍵點選網頁就會彈出右鍵選單。
點選滑鼠右鍵會觸發contextmenu事件,通常使用此事件是用來禁用右鍵選單。
禁用自帶右鍵選單通常用於自定義右鍵選單效果,否則彈出自定義右鍵選單的同時彈出預設選單。
關於事件處理函式註冊,可以參閱如何註冊事件處理函式一章節。
瀏覽器支援:
(1).IE瀏覽器支援此事件。
(2).edge瀏覽器支援此事件。
(3).火狐瀏覽器支援此事件。
(4).Opera瀏覽器支援此事件。
(5).谷歌瀏覽器支援此事件。
(6).safria瀏覽器支援此事件。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:150px; height:100px; background:#CCC; } </style> <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("bt"); var odiv=document.getElementById("thediv"); obt.onclick=function(){ odiv.oncontextmenu=function(){return false} } } </script> </head> <body> <div id="thediv"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼,當點選按鈕之後,就會禁用div內的右鍵選單效果。
return false可以參閱JavaScript return 語句一章節。
相關文章
- jQuery contextmenu事件jQueryContext事件
- HTML contextmenu 屬性HTMLContext
- command for ContextMenu in DataTemplateContext
- JavaScript事件JavaScript事件
- JavaScript 事件JavaScript事件
- WPF DataGrid ContextMenu CommandParameter Relative x:Type ContextMenu ,Path=PlacementTargetContext
- javaScript事件(一)事件流JavaScript事件
- javaScript事件(三)事件物件JavaScript事件物件
- JavaScript dragstart 事件JavaScript事件
- JavaScript drag 事件JavaScript事件
- JavaScript dragend 事件JavaScript事件
- JavaScript dragenter 事件JavaScript事件
- JavaScript dragover 事件JavaScriptGo事件
- JavaScript dragleave 事件JavaScript事件
- JavaScript drop 事件JavaScript事件
- JavaScript storage 事件JavaScript事件
- JavaScript mouseout 事件JavaScript事件
- JavaScript事件模型JavaScript事件模型
- JavaScript mouseenter 事件JavaScript事件
- JavaScript animationIteration 事件JavaScript事件
- JavaScript animationStart 事件JavaScript事件
- JavaScript dblclick 事件JavaScript事件
- JavaScript mousemove 事件JavaScript事件
- JavaScript input 事件JavaScript事件
- JavaScript hashchange 事件JavaScript事件
- JavaScript reset 事件JavaScript事件
- JavaScript resize 事件JavaScript事件
- JavaScript mousedown 事件JavaScript事件
- JavaScript focus 事件JavaScript事件
- JavaScript blur 事件JavaScript事件
- JavaScript mouseup 事件JavaScript事件
- JavaScript mouseover 事件JavaScript事件
- JavaScript 事件冒泡JavaScript事件
- JavaScript submit 事件JavaScriptMIT事件
- JavaScript change 事件JavaScript事件
- JavaScript animationEnd 事件JavaScript事件
- JavaScript transitionEnd 事件JavaScript事件
- JavaScript click 事件JavaScript事件