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冲突事件的详细内容。
