RN 绑定双击事件

Posted tengyuxin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 里面的,但是否执行里面的语句 ,要取决于第二次点击的时间差。

以上是关于RN 绑定双击事件的主要内容,如果未能解决你的问题,请参考以下文章

WPF DataGrid 双击行 获得绑定数据

vue给同一元素绑定单击click和双击事件dblclick,执行不同逻辑

JQuery解决鼠标单双击冲突问题

如何将 WPF 中的命令绑定到控件的双击事件处理程序?

如何将WPF中的命令绑定到控件的双击事件处理程序

easyui-datetimebox 控件绑定双击事件实现自动选中当前日期时间