您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

jQuery:mousedown和click冲突事件

2024/3/2 17:25:03发布32次查看
鼠标事件,一般用button来区分鼠标的按键(dom3标准规定: click事件只能监听左键, 只能通过mousedown和mouseup来判断鼠标键):
1.鼠标左键 button = 0
2.鼠标右键 button = 2
3.鼠标滑轮 button = 1 
p.onmousedown = function (e) { var event = e || window.event; if(event.button == 2){ console.log('right'); }else if(event.button == 0){ console.log('left'); } }
解决mousedown和click的之间的冲突 (利用事件发生时间来判断 点击事件时间短)
var key = false;//设置了一个标志 false为点击事件 ture为鼠标移动事件 var firsttime = 0; var lasttime = 0; p.onclick = function() { if(key){ console.log('click'); key = false; } } p.onmousedown = function() { firsttime = new date().gettime(); console.log('mousedown'); } p.onmouseup = function() { console.log('mouseup');
//鼠标抬起后 记录时间 超过200ms就是移动事件 lasttime = new date().gettime(); if( (lasttime - firsttime) < 200){ key = true; } }
以上就是jquery:mousedown和click冲突事件的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product