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

Question

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

Answer 1

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

$(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)，那里有很多有用的属性。