如何在JavaScript中捕获右键单击事件? [重复]

问题描述 投票:0回答:2

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

这是如何做到的?

javascript html events event-handling dom-events
2个回答
453
投票

使用

oncontextmenu
事件。

这是一个例子:

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

并使用事件监听器:

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

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

如果您要使用自己编写的函数而不是

javascript:alert("Success!")
,请记住在函数和
oncontextmenu
属性中返回 false。


43
投票

我认为您正在寻找这样的东西:

   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(); >

© www.soinside.com 2019 - 2024. All rights reserved.