如何使用 JavaScript 禁用对网页的右键单击？

JavaScript 方法用于禁用页面上的右键单击。使用的方法如下：

• HTML DOM addEventListener() 方法：此方法将事件处理程序附加到文档。

  句法：

  document.addEventListener(event, function, useCapture)
  

  参数：

  • event：必填参数。它指定作为事件名称的字符串。
  • 函数：它是必需的参数。它指定事件发生时要运行的函数。当事件发生时，一个事件对象作为第一个参数传递给函数。事件对象的类型取决于定义的事件。例如，“click”事件属于 MouseEvent 对象。
  • useCapture：可选参数。它指定事件是在捕获阶段还是在冒泡阶段执行的布尔值。
  • true：它指定事件应该在捕获阶段执行。
  • false：它指定事件应该在冒泡阶段执行。
• preventDefault() 事件方法如果可以取消该事件，该方法将取消该事件，这意味着它停止属于该事件的默认操作。例如-单击“提交”按钮，阻止其提交表单。

  句法：

  event.preventDefault()
  

  参数：它不接受任何参数。

示例 1：此示例通过为“contextmenu”事件添加事件侦听器并调用preventDefault() 方法来禁用右键单击。

 
 
     
         
            Disable right click on my web page
        
     
      
     
          
         
            GeeksForGeeks 
         
          
         
        
          
         
            Disable
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            el_up.innerHTML = "Click on the button to disable right click";
              
            function gfg_Run() {
                document.addEventListener('contextmenu', 
                        event => event.preventDefault());
                el_down.innerHTML = "Right click disabled";
            }         
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例通过为“contextmenu”事件添加事件侦听器并调用preventDefault() 方法来禁用对图像的右键单击。因为，有时我们不希望用户保存图像。

 
 
     
         
            Disable right click on my web page
        
          
        
            img {
                border: 1px solid;
            }
        
     
      
     
      
         
            GeeksForGeeks 
        
          
        
          
         
        
          
         
            Disable
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            el_up.innerHTML =
                "Click on the button to disable right click on image";
                  
            function gfg_Run() {
                document.addEventListener("contextmenu",                         
                  
                function(e) {
                    if (e.target.nodeName === "IMG") {
                        e.preventDefault();
                    }
                }, false);
                  
                el_down.innerHTML = "Right click disabled on image";
            }         
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：