JavaScript：仅在特定元素内捕获右键单击并禁用菜单

Question

我编写了一个 jquery 脚本，其中屏幕上有一个小网格，并且使用拖放用户可以在网格上放置图块（捕捉到位）。目前，如果您将鼠标悬停在图块上，它会淡入旋转选项，但如果您可以右键单击进行旋转（使其更自然），我会更喜欢它。我知道完全阻止右键单击通常会让人皱眉，所以想知道是否可以仅在特定元素内，然后捕获该事件，在 JS 中执行某些操作并禁用上下文菜单？ - 适用于所有浏览器。

顺便说一句，目前我正在使用 jQuery 实现效果，并使用自定义 javascript 进行拖放，是否值得考虑使用 jQuery 拖放插件？

非常感谢，

Answer 1

“是否值得考虑用于拖放的 jQuery 插件？”

仅当您不希望您的应用程序在带有 safari 的 iPhone 操作系统（即包括 iPad）上使用时，请参阅 Safari 网页内容指南：处理事件

Answer 2

要捕获右键单击，您可以使用此 jquery：

$('#gridID').bind('contextmenu', function(e) {
   // do stuff here instead of normal context menu
   return false;
});

这适用于 chrome、firefox 和 safari。 尚未测试 IE。也适用于 IE。唯一需要注意的是它显然在 Opera 中不起作用。所以如果你能忍受这一点......

Answer 3

我不喜欢在网页上使用鼠标右键。但是，如果您确实想要这样做，您可以按照此处所述捕获鼠标右键。如果鼠标位于网格单元格上，您可以有条件地阻止鼠标右键（换句话说，在事件处理程序中返回 false）。

关于您的奖金问题： jquery ui 有拖放和拖拽功能。删除功能。使用它可能比自己动手更容易。