0
点赞
收藏
分享

微信扫一扫

mousedown和click冲突处理方法

捌柒陆壹 2022-02-10 阅读 129
    window.onload = () => {
      let btn = document.getElementById('button-test');
      let flag = false
      let firstTime = 0
      let lastTime = 0
      btn.onclick = () => {
        if (flag) {
          console.log('执行click事件')
        }
        flag = false
      }
      btn.onmousedown = () => {
        firstTime = new Date().getTime
      }
      btn.onmouseup = () => {
        lastTime = new Date().getTime
        if (lastTime - firstTime < 200) {
          flag = true
        }
      }
    }
<button id="button-test">
    click和mousedown冲突处理方法
  </button>
举报

相关推荐

0 条评论