码迷,mamicode.com
首页 > 其他好文 > 详细

RN 绑定双击事件

时间:2020-01-01 18:43:47      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:进入   utf-8   eid   var   func   date   touch   imei   get   

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 里面的,但是否执行里面的语句 ,要取决于第二次点击的时间差。

RN 绑定双击事件

标签:进入   utf-8   eid   var   func   date   touch   imei   get   

原文地址:https://www.cnblogs.com/tengyuxin/p/12129418.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!