h5 移动端长按操作

2020-03-20  本文已影响0人  怕是个胖虎哟

js代码

touchStart = 参数 => {              // 触摸开始

        this.timeOutEvent = setTimeout(() => {

              this.function(参数)      // 长按触发的方法

        }, 500)

  }

  touchEnd = () => {    // 触摸结束

        clearTimeout(this.timeOutEvent)  // clearTimeout() 方法可取消由 setTimeout() 方法设置的定时操作。

        return false

  }

  touchMove = () => {            // 触摸移动被中断

        clearTimeout(this.timeOutEvent)

        this.timeOutEvent = 0

  }

html:

<div

onTouchStart={() => this.touchStart(参数)}

onTouchEnd={this.touchEnd}

onTouchMove={this.touchMove}

>

</div>

上一篇下一篇

猜你喜欢

热点阅读