关于双击与单击事件冲突解决方案

有时候会要需求要求,比如附件,单击查看详情,双击下载文件时遇到的双击单击事件同时绑定一个节点 。
比如单击click,同时绑定时,双击会同时触发,而且click会触发两次 。单用click来处理双击单击同时存在的需求
vue2框架处理:
模板:
until,暴露或者说导出,(有多种方式,凭自己喜欢)
【关于双击与单击事件冲突解决方案】引入:

关于双击与单击事件冲突解决方案

文章插图

引入后,输入的函数this指向为当前组件实例,300毫秒是区分单击还是双击的时间间隔 。
注意: 中输入的两个函数不能使用箭头函数,箭头函数本身没有this指向
react框架处理 。使用hooks进行操作
引入导出偷懒就不写了;
until:
关于双击与单击事件冲突解决方案

文章插图
组件内部使用:
第一个实参为单击函数,第二是实参为双击函数,第三个实参为延迟事件,第四个实参为依赖参数输入;
react函数组件内
解决单双击事件冲突问题比较简单,有多种解决方案,对于传参还可以更多优化,更好的同通用性,对于变量命名比较随意,不要太在意,就跟大家分享到这里吧,
最后希望大家共同分享,共同进步,觉得有用别忘了点赞!谢谢