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>