VUE长按事件需求详解

前端之家收集整理的这篇文章主要介绍了VUE长按事件需求详解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在开发中常常会有长按事件的需求,这里我简单的介绍几种长按事件的需求。

需求一:长按数字累加或者累减

HTML:

Box-input" type="number" :value="item.Cart_Nums"/>

JS:

0){           $target.val(parseInt($num)-1);         }else{           clearInterval(vm.Loop);         }   //改变点击数       },    clearLoop:function(){       clearInterval(vm.Loop);     }   } })

这个Demo是在移动端测试的,因此使用的是touch事件。方法很简单,touchstart的时候去注册个Interval定时器,touchend的时候再把定时器清除掉,这样就能实现长按持续累加或者累减的效果

需求二:

长按延时事件触发

这类需求也比较简单,和需求一类似。这里拿需求一举例,只需在touchstart添加setTimeout计时器延时事件执行,touchend清除计时器即可。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

原文链接:https://www.f2er.com/vue/35734.html

猜你在找的Vue相关文章