文章介绍了在Vue2和React框架下如何处理单击和双击事件同时绑定的问题。在Vue2中，通过自定义方法并在事件处理中设置300毫秒的延迟来区分单击和双击。而在React中，利用hooks编写功能，传入单击和双击的回调函数以及延迟时间来实现相同的功能。文章强调了避免使用箭头函数以保持正确的`this`指向，并鼓励读者分享和探讨更多解决方案。
有时候会要需求要求，比如附件，单击查看详情，双击下载文件时遇到的双击单击事件同时绑定一个节点。
比如单击click，dlbclick同时绑定时，双击会同时触发，而且click会触发两次。单用click来处理双击单击同时存在的需求
vue2框架处理：
模板：
until，暴露或者说导出，（有多种方式，凭自己喜欢）
引入：
methods：
引入methods后，输入的函数this指向为当前组件实例，300毫秒是区分单击还是双击的时间间隔。
注意：methods 中输入的两个函数不能使用箭头函数，箭头函数本身没有this指向
react框架处理。使用hooks进行操作
引入导出偷懒就不写了；
until：
组件内部使用：
第一个实参为单击函数，第二是实参为双击函数，第三个实参为延迟事件，第四个实参为uesCallback依赖参数输入；
react函数组件return内
解决单双击事件冲突问题比较简单，有多种解决方案，对于传参还可以更多优化，更好的同通用性，对于变量命名比较随意，不要太在意，就跟大家分享到这里吧，
最后希望大家共同分享，共同进步，觉得有用别忘了点赞！谢谢
扫一扫
3916
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
