首页 >> 大全

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

2023-09-20 大全 27 作者:考证青年

有时候会要需求要求,比如附件,单击查看详情,双击下载文件时遇到的双击单击事件同时绑定一个节点。

比如单击click,同时绑定时,双击会同时触发,而且click会触发两次。单用click来处理双击单击同时存在的需求

vue2框架处理:

模板:

until,暴露或者说导出,(有多种方式,凭自己喜欢)

引入:

鼠标单击变双击__为什么鼠标单击变双击

引入后,输入的函数this指向为当前组件实例,300毫秒是区分单击还是双击的时间间隔。

注意: 中输入的两个函数不能使用箭头函数,箭头函数本身没有this指向

react框架处理。使用hooks进行操作

引入导出偷懒就不写了;

until:

鼠标单击变双击_为什么鼠标单击变双击_

组件内部使用:

第一个实参为单击函数,第二是实参为双击函数,第三个实参为延迟事件,第四个实参为依赖参数输入;

react函数组件内

解决单双击事件冲突问题比较简单,有多种解决方案,对于传参还可以更多优化,更好的同通用性,对于变量命名比较随意,不要太在意,就跟大家分享到这里吧,

最后希望大家共同分享,共同进步,觉得有用别忘了点赞!谢谢

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了