如何在JavaScript中捕获右键事件?

我想阻止标准上下文菜单，并手动处理右键事件。

这是怎么做到的?

当前回答

我想你正在寻找这样的东西:

   function rightclick() {
    var rightclick;
    var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if (e.button) rightclick = (e.button == 2);
    alert(rightclick); // true or false, you can trap right click here by if comparison
}

(http://www.quirksmode.org/js/events_properties.html)

然后使用onmousedown甚至与函数rightclick()(如果你想在整个页面上全局使用它，你可以这样做<body onmousedown=rightclick();>

2010-11-20 23:04:17

其他回答

我想你正在寻找这样的东西:

   function rightclick() {
    var rightclick;
    var e = window.event;
    if (e.which) rightclick = (e.which == 3);
    else if (e.button) rightclick = (e.button == 2);
    alert(rightclick); // true or false, you can trap right click here by if comparison
}

(http://www.quirksmode.org/js/events_properties.html)

然后使用onmousedown甚至与函数rightclick()(如果你想在整个页面上全局使用它，你可以这样做<body onmousedown=rightclick();>

2010-11-20 23:04:17

使用oncontext事件。

这里有一个例子:

<div oncontextmenu="javascript:alert('success!');return false;">
    Lorem Ipsum
</div>

使用事件监听器(2011年rampion的评论):

el.addEventListener('contextmenu', function(ev) {
    ev.preventDefault();
    alert('success!');
    return false;
}, false);

不要忘记返回false，否则标准上下文菜单仍然会弹出。

如果你打算使用自己编写的函数而不是javascript:alert("Success!")，记住在函数和oncontextmenu属性中都返回false。

2010-11-21 03:29:52

如何在JavaScript中捕获右键事件?

推荐文章

最新文章

标签