简易封装移动端touch事件
来源:互联网 发布:印第安人 知乎 编辑:程序博客网 时间:2024/05/27 00:33
// 移动端的点击事件会有300ms的延迟 优化
// 触发点击事件是
// 先触发了touch事件 如果是点击事件 没有touchmove事件
// 触屏开始 和 结束 的时间差 要小于 150ms
/*
* 参数说明
* obj:绑定点击事件的对象
* callback: 点击事件触发后 要执行的代码
* */
/* 全局污染 */
// 命名空间 避免全局污染
var myTap={
tap:function(obj,callback){
if(typeof obj=="object"){
//定义变量记录数据
var startTime=0;
var isMove=false;
//触屏开始
obj.addEventListener('touchstart',function(){
startTime=Date.now(); //时间戳
});
//触屏移动
obj.addEventListener('touchmove',function(){
isMove=true;
});
//触屏结束
obj.addEventListener('touchend',function(e){
//判断 没有移动过 时间小于150ms 为点击事件
if(!isMove&&Date.now()-startTime<150){
callback&&callback(e);
}
//数据重置
isMove=false;
startTime=0;
});
}
}
};
阅读全文
0 0
- 简易封装移动端touch事件
- 自行封装移动端touch事件
- 移动端touch事件
- 移动端的touch事件
- 移动web 移动端Touch事件
- 移动端touch事件影响click事件
- 2.移动端基础事件---touch事件
- 移动touch封装
- 移动端touch事件获取clientX, clientY
- 移动端开发 原生touch事件使用
- 移动端基本touch事件实现
- 详解移动端的Touch事件
- 深入理解移动端touch事件
- 移动端的touch事件(二)
- html5移动端触摸事件touch
- 移动端web开发---Touch事件详解
- 移动端touch事件穿透解决办法
- 移动端-click、touch、tap、swipe事件
- linux下为目录和文件设置权限
- CSS选择器小结
- 23种设计模式-(AbstractFactory)抽象工厂
- 【转载】Smart Forms&ScriptFrom 详解 BY 江正军
- Hibernate主题5——缓存机制与可能遇到的问题
- 简易封装移动端touch事件
- BZOJ 1016-最小生成树计数(最小生成树+DFS)
- LeetCode(5)
- C-关键字
- static在C和C++中的用法和区别
- IntelliJ IDEA 的配置和使用
- python2 urlencode 中文demo
- 单例模式
- 用WordPress程序做博的一些基本设置让你的博客飞起来