大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说前端通过定时器自定义双击dblclick事件,希望您对编程的造诣更进一步.
![前端通过定时器自定义双击dblclick事件[数据库教程]](https://www.yht7.com/upload/image/images/imgsql/27.jpg "前端通过定时器自定义双击dblclick事件插图")
前端通过定时器自定义双击dblclick事件
今天在使用antdesign menu组件的时候，需要用到双击事件，但是组件还没有dblclick这个事件属性，只有单击事件click,所以我们可以利用js中的定时器来自定义一个双击事件。
1.绑定事件
@click="handleGroupClick(item)"
2.定义变量
let time = null // 在这里定义time 为null
let count = 0
3.写事件处理函数
handleGroupClick (item) {
count++
time = setTimeout(function () { // 初始化一个延时
if (count === 1) {
console.log(‘单击‘)
/* 单击后要处理的业务 */
} else {
console.log(‘双击‘)
/* 双击后要处理的业务 */
item.inputVisible = true
}
clearTimeout(time)
count = 0
}, 300)
}前端通过定时器自定义双击dblclick事件
原文地址：https://www.cnblogs.com/ma1998/p/14121091.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/6586.html
