触发
mousedown
时,e.button
的值可以区别点击鼠标的哪个键。0
是左键,1
是滚轮,2
是右键。
要自定义右键菜单时,要先去掉默认的contextmenu事件
<div class="right">
在此区域点击右键
</div>
<script>
window.onload = function(){
var right = document.querySelector('.right');
//去掉默认的contextmenu事件,否则会和右键事件同时出现。
right.oncontextmenu = function(e){
e.preventDefault();
};
right.onmousedown = function(e){
if(e.button ==2){
alert("你点了右键");
}else if(e.button ==0){
alert("你点了左键");
}else if(e.button ==1){
alert("你点了滚轮");
}
}
}
</script>