Vue 绑定使用 touchstart touchmove touchend

今天要做一个页面div长按后触发事件,简单学习后实现如下:
先看代码:





看结果:
Vue 绑定使用 touchstart touchmove touchend_第1张图片
鼠标在红色区域内按下会输出1,

Vue 绑定使用 touchstart touchmove touchend_第2张图片
按下鼠标不松开然后移动会输出2,
Vue 绑定使用 touchstart touchmove touchend_第3张图片
松开后就会输出3,

根据自己的情况在三个函数里写入相应的功能。

你可能感兴趣的:(Vue 绑定使用 touchstart touchmove touchend)