📜  HTML | DOM oncontextmenu 事件

📅  最后修改于: 2021-11-10 04:17:23             🧑  作者: Mango

HTML DOM oncontextmenu 事件在元素被右键单击以打开上下文菜单时发生。

注意:所有浏览器都支持 oncontextmenu 事件,但目前只有 Firefox 支持 contextmenu 属性。

句法:

HTML:

JavaScript:

object.oncontextmenu = function(){myScript};

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("contextmenu", myScript);

示例 1:使用 HTML



  

    

  

    
        

          GeeksforGeeks       

        

HTML DOM oncontextmenu Event

        
            

Right-click inside the box         

                
  

输出:
前:

后:

示例 2:使用 JavaScript



  

    

  

    
        

          GeeksforGeeks       

        

HTML DOM oncontextmenu Event

        
            

Right-click inside the box         

           

                
  

输出:
前:

后:

示例:在 JavaScript 中,使用 addEventListener() 方法:



  

    

  

    
        

          GeeksforGeeks       

        

HTML DOM oncontextmenu Event

        
            

Right-click inside the box         

           

                
  

输出:
前:

后:

支持的浏览器: DOM oncontextmenu 事件支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果Safari
  • 歌剧