如何在javascript中捕获右键单击指定元素

How to capture right click on a specify element in javascript?

本文关键字:单击 右键 元素 javascript      更新时间:2023-09-26

我正在尝试使用javascript在HTML页面中制作一个可缩放的图像块。现在,通过捕获Doubleclick事件和一些简单的函数来完成放大。问题是我有一些元素(div 标签,如瓷砖),并希望在右键单击其中一些元素时调用一个函数。我该怎么做?

您可以使用上下文菜单事件:

<div oncontextmenu="javascript:alert('Right Click Performed!');return false;">
    Right click on me!
</div>

然后添加侦听器:

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

javascripts event.button函数会给你点击的鼠标按钮。

<img onMouseDown="alert(event.button)" src="yourimage" />

右键单击应返回 2,但最好检查每个浏览器