首页 >web前端 >js教程 >如何在 JavaScript 中处理右键单击事件?

如何在 JavaScript 中处理右键单击事件?

Susan Sarandon
Susan Sarandon原创
2024-11-14 13:07:02662浏览

How to Handle Right-Click Events in JavaScript?

JavaScript 中的右键单击事件处理

虽然右键单击不是特定的 JavaScript 事件,但可以使用现有的鼠标事件处理程序检测到例如“鼠标按下”、“鼠标松开”或“单击”。但是,这些事件不足以识别右键菜单何时出现。

要检测该特定行为,“oncontextmenu”事件更合适:

window.oncontextmenu = function() {
  showCustomMenu();
  return false; // cancel default menu
};

至于检测鼠标右键本身,浏览器在事件对象中提供可访问的属性:

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

  if ("which" in e) { // Gecko (Firefox), WebKit (Safari/Chrome) & Opera
    isRightMB = e.which == 3;
  } else if ("button" in e) { // IE, Opera
    isRightMB = e.button == 2;
  }

  alert("Right mouse button " + (isRightMB ? "" : " was not ") + "clicked!");
};

其他资源:

  • [window.oncontextmenu - MDC](https://developer.mozilla.org/en-US/docs/Web/API/Window/oncontextmenu)

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn