jQuery：mousedown和click冲突事件-js教程-PHP中文网

jQuery：mousedown和click冲突事件

黄舟

发布： 2017-06-28 09:23:21

原创

3306人浏览过

鼠标事件，一般用button来区分鼠标的按键（dom3标准规定: click事件只能监听左键, 只能通过mousedown和mouseup来判断鼠标键）：

1.鼠标左键 button = 0

2.鼠标右键 button = 2

3.鼠标滑轮 button = 1

杰易OA办公自动化系统6.0

基于Intranet/Internet 的Web下的办公自动化系统，采用了当今最先进的PHP技术，是综合大量用户的需求,经过充分的用户论证的基础上开发出来的，独特的即时信息、短信、电子邮件系统、完善的工作流、数据库安全备份等功能使得信息在企业内部传递效率极大提高，信息传递过程中耗费降到最低。办公人员得以从繁杂的日常办公事务处理中解放出来，参与更多的富于思考性和创造性的工作。系统力求突出体系结构简明

查看详情

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的之间的冲突（利用事件发生时间来判断点击事件时间短）

<span style="color: #000000">var key = false;//设置了一个标志 false为点击事件 ture为鼠标移动事件
var firstTime = 0;
var lastTime = 0;
p.<a href="http://www.php.cn/wiki/1449.html" target="_blank">onclick</a> = function() {
    if(key){
        console.log('click');
        key = false;
    }
}
p.onmousedown = function() {
    firstTime = new Date().getTime();
    console.log('mouseDown');
}
p.<a href="http://www.php.cn/wiki/1459.html" target="_blank">onmouseup</a> = function() {
    console.log('mouseUp');<br/>//鼠标抬起后 记录时间 超过200ms就是移动事件
    lastTime = new Date().getTime();
    if( (lastTime - firstTime) </span><span style="color: #0000ff"><</span><span style="color: #800000"> 200</span><span style="color: #ff0000">){
        key </span><span style="color: #0000ff">= true;    </span><span style="color: #ff0000">}
}</span>

登录后复制

以上就是jQuery：mousedown和click冲突事件的详细内容，更多请关注php中文网其它相关文章！