zoukankan      html  css  js  c++  java
  • mousedown和click冲突事件

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

    1.鼠标左键 button = 0

    2.鼠标右键 button = 2

    3.鼠标滑轮 button = 1 

    div.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;
    div.onclick = function() {
        if(key){
            console.log('click');
            key = false;
        }
    }
    div.onmousedown = function() {
        firstTime = new Date().getTime();
        console.log('mouseDown');
    }
    div.onmouseup = function() {
        console.log('mouseUp');
    //鼠标抬起后 记录时间 超过200ms就是移动事件 lastTime = new Date().getTime(); if( (lastTime - firstTime)
    < 200){ key = true; } }
  • 相关阅读:
    Jquery Plugin模版
    jquery之extend
    java反射技术实例
    java基础汇总
    Java学习路线
    java的一个爬虫
    Java深度理解——Java字节代码的操纵
    java编程思想-基础
    hdu 5201 The Monkey King【容斥原理+组合数学】
    容斥原理
  • 原文地址:https://www.cnblogs.com/GoTing/p/6387002.html
Copyright © 2011-2022 走看看