在js页面中怎样修改鼠标右键功能

在js页面中怎样修改鼠标右键功能,第1张

劫持鼠标事件,判断是否是右键

<script>

 documentoncontextmenu= function(e){ 

        var e = e || windowevent;

        if(ebutton == "2"){ //判断是否是右键

  //……你的代码……

            alert("右击事件"); 

   return false;

  } 

  return true;

    } 

</script>

JS获取点击事件来自左键还是其它键的方法如下:

返回值说明:0左键,1中间,2右键

getButton:function(event){

if (documentimplementationhasFeature("MouseEvents","20")){

return eventbutton;

}else{

switch(eventbutton){

case 0:

case 1:

case 3:

case 5:

case 7:

return 0;

case 2:

case 6:

return 2;

case 4:

return 1;

}

}

}

js 鼠标事件详细

常用的几个类型

onClick

HTML: 2 | 3 | 32 | 4

Browser: IE3 | N2 | O3 鼠标点击事件,多用在某个对象控制的范围内的鼠标点击

onDblClick

HTML: 2 | 3 | 32 | 4

Browser: IE4 | N4 | O 鼠标双击事件

onMouseDown

HTML: 2 | 3 | 32 | 4

Browser: IE4 | N4 | O 鼠标上的按钮被按下了

onMouseUp

HTML: 2 | 3 | 32 | 4

Browser: IE4 | N4 | O 鼠标按下后,松开时激发的事件

onMouseOver

HTML: 2 | 3 | 32 | 4

Browser: IE3 | N2 | O3 当鼠标移动到某对象范围的上方时触发的事件

onMouseMove

HTML: 2 | 3 | 32 | 4

Browser: IE4 | N4 | O 鼠标移动时触发的事件

onMouseOut

HTML: 2 | 3 | 32 | 4

Browser: IE4 | N3 | O3 当鼠标离开某对象范围时触发的事件

若想检测鼠标左键、右键点击事件可以用

事件button 值来检测

例如

documentonMouseDown =function(ev){

var oEvent = ev||event;

alert(oEventbutton);

}

此时button= 0、1、2分别对应于 鼠标左中右

以上就是关于在js页面中怎样修改鼠标右键功能全部的内容,包括:在js页面中怎样修改鼠标右键功能、怎么用js给document添加一个鼠标单击事件、js鼠标事件有哪些等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9621181.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存