如何为某些元素启用上下文菜单

Question

我已禁用文档的上下文菜单（鼠标右键单击）。 $(文档).bind('contextmenu',function(){return false;}); 现在我想为某些输入启用上下文菜单。 $('#nickname').bind('contextmenu', function (){return true;}); 但它不起作用。有什么想法吗？

Answer 1

您可以 return true/false 从文档上下文菜单处理程序中，具体取决于您单击的元素。参见 .target 属性共 event。

$(document).bind('contextmenu',function(event){
  if (event.target == document.querySelector("#nickname")) {
    return true;
  } else {
    return false;
  }
});

查看完整示例：https://codepen.io/anon/pen/gqmXZJ?editors=1010

尝试console.log(event)当不确定如何处理事件时，那里有很多有用的属性。

如何为某些元素启用上下文菜单

How to enable context menu for certain elements

javascript

jquery

contextmenu