H5移动端 利用touchstart 达到长按事件

一开始的没加.native  ,结果长按事件不会触发,

原因是:

给vue组件绑定事件时候，必须加上native ，否则会认为监听的是来自Item组件自定义的事件等同于在子组件中: 子组件内部处理click事件然后向外发送click事件: semit"dlick”.fn)

 

//长按事件（起始）
        gtouchstart(item) {
          var self = this;
          this.timeOutEvent = setTimeout(function () {
            self.longPress(item);
          }, 1000); //这里设置定时器，定义长按多长时间触发长按事件
          return false;
        },
        //手释放，如果在设置的时间内就释放，则取消长按事件，此时可以执行onclick应该执行的事件
        showDeleteButton(item) {
          clearTimeout(this.timeOutEvent); //清除定时器
          if (this.timeOutEvent != 0) {
            //这里写要执行的内容（如onclick事件）
            // Toast("点击但未长按");
          }
          return false;
        },
        //如果手指有移动，则取消所有事件，此时说明用户只是要移动而不是长按
        gtouchmove() {
          clearTimeout(this.timeOutEvent); //清除定时器
          this.timeOutEvent = 0;
        },
        //真正长按后应该执行的内容
        longPress(val) {
          this.timeOutEvent = 0;
          //执行长按要执行的内容
          // Toast("长按");
        },