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 绑定双击事件的主要内容,如果未能解决你的问题,请参考以下文章