addEventListener 右键点击事件
[英]addEventListener to right click event
问题描述
I would like to add event listener to a right click event, i know how to deal with a simple click: document.getElementById("myBtn").addEventListener("mousedown", function(){ });
我想将事件侦听器添加到右键单击事件，我知道如何处理简单的单击： document.getElementById("myBtn").addEventListener("mousedown", function(){ });
What about a right click event?右键单击事件呢？
4 个解决方案
解决方案1
6 2015-08-21 18:30:03
收听contextmenu事件。
解决方案2
1 已采纳 2015-08-21 20:14:13
只需使用： alert("You pressed button: " + event.button)测试点击类型
解决方案3
0 2018-07-23 19:51:56
<!DOCTYPE html>
<html>
<head>
<style>
div { background: yellow; border: 1px solid black; padding: 10px; }
div {
background: yellow;
border: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<div oncontextmenu="myFunction(event)">
<p>Right-click inside this box to see the context menu!
</div>
<script>
function myFunction(e) {
e.preventDefault();
//do something differant context menu
alert("You right-clicked inside the div!");
}
</script>
<!--if it helpful visit once http://topprojects.ml for more stuf-->
</body>
</html>
解决方案4
0 2023-01-07 11:16:02
document.body.addEventListener("mousedown", event => {
if (event.button == 0) { // left click for mouse
doSomething;
else if (event.button == 1) { // right click for mouse
doAnotherThing;
else { // other buttons on the mouse
doOtherThings;
}
}
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
AddEventListener 点击事件不起作用 - AddEventListener click event not woorking
addEventListener 点击事件不起作用 - addEventListener click event is not working
覆盖点击事件的 addEventListener - addEventListener for click event is overwritten
与.addEventListener中的“click”事件相反 - Opposite of 'click' event in .addEventListener
addEventListener 对单击事件不起作用... - addEventListener does not work on click event…
触发单击事件：未触发addEventListener - Trigger click event: addEventListener is not triggered
addeventlistener 不工作，事件不等待点击 - addeventlistener not working, event not waiting for on click
addEventListener 'click' 事件不识别点击并且不调用 function - addEventListener 'click' event not recognizing click and not calling function
向addEventListener注册的Chrome事件未在“点击”时触发 - Chrome event registered with addEventListener not firing on 'click'
JavaScript图像源更改addEventListener“单击”事件 - Javascript image source change addEventListener “click” event
相关标签