javascript - 我可以处理 HTML 元素上的右键单击事件吗？

Question

我在 SO 和其他地方看到了很多关于右键单击事件以及如何使用 JavaScript 捕获和处理它们的问题和答案，通常使用 .button event 的属性浏览器生成的对象。

但是，我还没有找到的一件事，可能是因为它是一个非常奇怪的请求，是如何捕获和处理对 HTML 的右键单击 <button />元素。浏览器处理按钮的方式与其他元素不同。最重要的是，似乎右键单击按钮不会执行任何操作。没有上下文菜单，据我所知，没有事件。

我错了吗？我希望如此，因为它会让我的生活更轻松。如果没有，我可以用一个 div 和一些 CSS 模拟一个按钮，但我宁愿避免它。有什么想法吗？

(PS:这是一个愚蠢的副项目，所以不要担心我试图在任何客户或任何东西面前放置一个基于按钮右键单击的界面。我很清楚那有多可怕界面可能是。)

Answer 1

当然，只需添加一个onmousedown 监听器，检查按下的是哪个鼠标:

JS:

document.getElementById("test").onmousedown = function(event) {
    if (event.which == 3) {
        alert("right clicked!");
    }
}

HTML:

<button id="test">Test</button>

演示:http://jsfiddle.net/Jmmqz/