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

Question

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

Answer 1

您可以根据您单击的元素从文档上下文菜单处理程序返回真/假。查看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)，那里有很多有用的属性。