vue 绑定使用 touchstart touchmove touchend解析

目录

• 绑定使用 touchstart touchmove touchend
• 解决touchstart touchend事件无效失效

绑定使用 touchstart touchmove touchend

今天要做一个页面div长按后触发事件，简单学习后实现如下：

先看代码：

看结果：

鼠标在红色区域内按下会输出1，

按下鼠标不松开然后移动会输出2，

松开后就会输出3，

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

解决touchstart touchend事件无效失效

    对比原图
        

@touchstart.native.prevent=“touchstart”
@touchend.native.prevent=“touchend”

增加 .native.prevent

    touchstart() {
      console.log('touchstart')
    },
    touchend() {
      console.log('touchend')
    },

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。