我想阻止标准上下文菜单,并手动处理右键单击事件。
这是如何做到的?
使用
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。
我认为您正在寻找这样的东西:
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(); >