怎么用js给document添加一个鼠标单击事件

怎么用js给document添加一个鼠标单击事件,第1张

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

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

getButton:function(event){

if (document.implementation.hasFeature("MouseEvents","2.0")){

return event.button

}else{

switch(event.button){

case 0:

case 1:

case 3:

case 5:

case 7:

return 0

case 2:

case 6:

return 2

case 4:

return 1

}

}

}

1.对于B元素本身没有默认click事件的情况(无a标签等),应统一使用touch事件,统一代码风格,并且由于click事件在移动端的延迟要大很多,不利于用户体验,所以关于触摸事件应尽量使用touch相关事件。

2.对于B元素本身存在默认click事件的情况,应及时取消A元素的默认点击事件,从而阻止click事件的产生。即应在上例的handle函数中添加代码如下:

view sourceprint?

1.if(eve == "touchsend") e.preventDefault()

3.对于遮盖浮层,由于遮盖浮层的点击即使有小延迟也是没有关系的,反而会有疑似更好的用户体验,所以这种情况,可以针对遮盖浮层自己采用click事件,这样就不会出现点透问题。


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

原文地址: http://outofmemory.cn/bake/11920186.html

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

发表评论

登录后才能评论

评论列表(0条)

保存