RN 绑定双击事件

1. 反正我找了很久,都没看到,有DOM中的dblClick事件,所以只能手动用逻辑模仿

2. 主要就是利用 setTimeout ,下面是代码

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body >
    <button id="box">你好</button>
  </body>
  <script type="text/javascript">
        var touchtime = new Date().getTime();
        console.log("打印第一次时间  "+touchtime);
         //单击延时触发
        var clickTimeId;
        let btn = document.getElementById("box");
        btn.onclick = function(){
            if( new Date().getTime() - touchtime < 500 ){
                clearTimeout(clickTimeId);
                console.log("双击");
            }else{
                // 肯定进入这个, 当执不执行,取决于是否进行了第二次点击
                touchtime = new Date().getTime();
                clearTimeout(clickTimeId);
                //执行延时
                clickTimeId = setTimeout(function() {
                  //此处为单击事件要执行的代码
                  console.log("鼠标单击");
                }, 250);
            }
        }
            
        
    </script>
</html>

解释一下 , 点击第一下,是一定会进入 else 里面的,但是否执行里面的语句 ,要取决于第二次点击的时间差。

猜你喜欢

转载自www.cnblogs.com/tengyuxin/p/12129418.html
RN