HTML5 自定义点击事件
2017-09-06 16:07
183 查看
/* 封装的TAP事件 */ (function () { /** * IOS 和 PC 端 只需要创建一次就能一直使用 * Android 手机 每次使用的时候都需要从新创建 */ function createEvent() { var myEvent = document.createEvent("HTMLEvents"); myEvent.initEvent("tap", true, true); return myEvent; } var oldTime = null, newTime = null; var startx, starty, endx, endy; document.addEventListener("touchstart", function (ev) { ev = ev || event; oldTime = new Date().getTime(); startx = ev.changedTouches[0].clientX; starty = ev.changedTouches[0].clientY; }); document.addEventListener("touchend", function (ev) { ev = ev || event; newTime = new Date().getTime(); endx = ev.changedTouches[0].clientX; endy = ev.changedTouches[0].clientY; if(newTime - oldTime > 300) return; if(Math.abs(startx - endx) > 10 || (Math.abs(starty - endy)) > 10) return; ev.target.dispatchEvent(createEvent()); }); })();
相关文章推荐
- AJ学IOS 之微博项目实战(12)发送微博自定义工具条代理实现点击事件
- iOS 一一 自定义cell按钮的点击事件(KVO)
- Android ---------高德卫星地图绘制多个点和点的点击事件自定义弹窗
- 自定义RecyclerView之点击事件
- android自定义dialog中点击listview的item事件关闭dialog
- android_自定义recyclerView的点击事件
- Android TextView 给文本中指定片段添加自定义点击事件
- android 自定义listview无法响应点击事件OnItemClickListener的原因
- android 自定义listview无法响应点击事件OnItemClickListener
- 自定义通知栏,并注册点击事件
- Android spinner点击相同选项处理无法响应事件问题,自定义spinner
- Recyclerview的自定义点击事件
- Bootstrap 模态框自定义点击和关闭事件详解
- Echarts之柱状图获取点击柱子事件&自定义柱子颜色&类目轴纵向排列
- iOS学习笔记(3)——响应自定义的UITableViewCell及其内部控件的点击事件
- ListView使用自定义适配器的情况下实现适配器的控件点击事件执行Activity界面中的方法
- chart.js 2.7异步加载柱状图与饼图,柱状图添加点击事件,自定义柱状图的颜色
- 自定义TextView设置边框与背景颜色添加点击事件,点击更改随机数与背景
- Android自定义view的点击事件
- 自定义view中控件的点击事件