鼠标右键点击事件

触发 mousedown 时,e.button 的值可以区别点击鼠标的哪个键。 0 是左键,1 是滚轮,2 是右键。

要自定义右键菜单时,要先去掉默认的 contextmenu 事件

  1. var right = document.querySelector('.right');
  2. //去掉默认的contextmenu事件,否则会和右键事件同时出现。
  3. right.oncontextmenu = function(e){
  4. e.preventDefault();
  5. };
  6. right.onmousedown = function(e){ // up 或 down
  7. if(e.button ==2){
  8. alert("你点了右键");
  9. }else if(e.button ==0){
  10. alert("你点了左键");
  11. }else if(e.button ==1){
  12. alert("你点了滚轮");
  13. }
  14. }