美文网首页
h5 移动端长按操作

h5 移动端长按操作

作者: 怕是个胖虎哟 | 来源:发表于2020-03-20 15: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>

相关文章

网友评论

      本文标题:h5 移动端长按操作

      本文链接:https://www.haomeiwen.com/subject/qwpjyhtx.html