如何在 JavaScript 中检测右键单击事件并处理上下文菜单？-js教程-PHP中文网

如何在 JavaScript 中检测右键单击事件并处理上下文菜单？

Susan Sarandon

发布： 2024-11-10 01:05:02

原创

215 人浏览过

How do you detect right-click events and handle context menus in JavaScript?

JavaScript 中的右键单击事件处理

检测 JavaScript 中的右键单击是 Web 应用程序的常见要求。与流行的看法相反，右键单击本身并不是一个特定的 JavaScript 事件。但是，可以通过标准鼠标事件（例如 mousedown、mouseup 和 click）来检测它。

要捕获右键单击事件，请使用以下逻辑：

document.body.onclick = function (e) {
  let isRightMB;
  e = e || window.event;

  // Determine if it is a right-click event
  if ("which" in e)  // Gecko (Firefox), WebKit (Safari/Chrome) &amp; Opera
    isRightMB = e.which == 3; 
  else if ("button" in e)  // IE, Opera 
    isRightMB = e.button == 2; 

  if (isRightMB) {
    // Handle right-click actions
    console.log("Right mouse button clicked!");
  }
};

登录后复制

另一方面另一方面，如果您的目标是检测何时调用右键单击上下文菜单，则相应的事件是 oncontextmenu。

window.oncontextmenu = function ()
{
  // Handle context menu actions
  showCustomMenu();
  return false;     // Cancel default context menu
};

登录后复制

通过利用这些事件处理程序，您可以在 JavaScript 应用程序中有效处理基于鼠标的右键单击和上下文菜单事件。

以上是如何在 JavaScript 中检测右键单击事件并处理上下文菜单？的详细内容。更多信息请关注PHP中文网其他相关文章！