📌  相关文章
📜  如何在使用 jQuery 触发上下文菜单事件时显示消息?

📅  最后修改于: 2022-05-13 01:55:58.865000             🧑  作者: Mango

如何在使用 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


  
  
  


  

    GeeksforGeeks   

     
      

This is element 1

     
     
      

This is element 2

     
  


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