如何在使用 jQuery 触发上下文菜单事件时显示消息？

在本文中，我们将学习如何在使用 jQuery 触发上下文菜单事件时显示消息。浏览器中的上下文菜单是用户右键单击时出现的具有多个选项的菜单。

方法：我们将使用contextmenu事件来检查用户是否触发了页面上的上下文菜单。这可以通过两种方式完成。第一个是使用contextmenu()方法侦听使用它的元素上的contextmenu事件。第二个是使用on()方法来监听contextmenu事件。然后可以使用事件处理函数向用户显示消息。

句法：

$("element_selected").contextmenu(function () {
   alert("Message to be displayed");
});

或者

$("element_selected").on('contextmenu', function () {
  alert("Message to be displayed");
});

示例：此示例显示了在触发上下文菜单事件时显示消息的两种方式。

HTML

  
  
  
  
    .elem1, .elem2 {
      height: 50px;
      border: 1px solid;
      margin: 10px;
    }
  


  
    GeeksforGeeks
  
  
  
      
This is element 1
  
  
  
  
      
This is element 2
  
  
  
  
    // Using the contextmenu() method
    // to display the message
    $(".elem1").contextmenu(function () {
  
      // Display the message
      alert("Element 1 message");
    });
  
    // Using the on() method to check
    // for the contextmenu event
    $(".elem2").on('contextmenu', function () {
  
      // Display the message
      alert("Element 2 message");
    });
  

输出：在任何 div 上写入点击。