addEventListener 到右键单击事件

【问题标题】：addEventListener to right click eventaddEventListener 到右键单击事件
【发布时间】：2015-08-21 18:28:17
【问题描述】：

我想将事件监听器添加到右键单击事件中，我知道如何处理简单的单击： document.getElementById("myBtn").addEventListener("mousedown", function(){ });

右键事件呢？

【问题讨论】：

标签： javascript prototypejs right-click

【解决方案1】：

收听contextmenu 事件。

【讨论】：

我也在监听一个click事件，这里的问题，就是程序把右键检测为click，怎么区分呢？
@Khouloud “...程序将右键单击检测为单击”。不，它没有。您正在收听 mousedown 事件而不是 click 事件。听click 而不是mousedown！

【解决方案2】：

只需使用以下方法测试点击类型： alert("You pressed button: " + event.button)

【讨论】：

【解决方案3】：

<!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>

【讨论】：