【fiveClick】2秒内5连击(五连击)vue事件自定义、双击自定义、任意次连击
生活随笔
收集整理的這篇文章主要介紹了
【fiveClick】2秒内5连击(五连击)vue事件自定义、双击自定义、任意次连击
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
// 2秒內5連擊(默認)________________________multiClick(multiClickCallback,singleClickCallback,maxTimes = 5,time = 2000) {this.clickTimes || (this.clickTimes = 0);++this.clickTimes >= maxTimes &&(multiClickCallback && multiClickCallback(),singleClickCallback || (this.clickTimes = 0));this.clickTimes === 1 &&setTimeout(() => {this.clickTimes < maxTimes &&singleClickCallback &&singleClickCallback(); //執行單擊or少于maxTimes次的點擊this.clickTimes = 0;}, time);},// 雙擊場景demo________________________triggerMultiClick(data, node) {this.multiClick(() => {// 雙擊},() => {// 單擊 },2,300);},
總結
以上是生活随笔為你收集整理的【fiveClick】2秒内5连击(五连击)vue事件自定义、双击自定义、任意次连击的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: vue 编写H5页面在公众号外部获取手机
- 下一篇: vue获取“分享给朋友”按钮点击状态及自