1.0.4 • Published 2 years ago
tap-touch v1.0.4
tap
功能介绍
移动端click事件有300ms的延时,为了解决延时,用touch事件模拟click事件
实现思路
利用touchstart和touchend事件分别获取触摸事件的开始和结束时间,起始坐标和结束坐标,判断时间差小于150ms且坐标位移小于5px判定为点击事件,执行事件的回调函数
参数配置
1.el 绑定tap事件的目标元素
类型:DOM元素
2.handleFn tap事件响应的函数
类型:function
用法示例
import * as tap from 'tap'
tap.bind({
el:document.querySelector('#tap'),
handleFn:function(){
alert('这是一个tap事件')
}
})
setTimeout(()=>{
console.log('事件移除了哦,别点了')
tap.unbind({
el:document.querySelector('#tap')
})
},5000)