分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

HTML5 自定义点击事件

发布时间:2023-09-06 01:09责任编辑:苏小强关键词:HTML点击事件
 ???????/* 封装的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()); ???????????}); ???????})();

HTML5 自定义点击事件

原文地址:http://www.cnblogs.com/lovling/p/7485341.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved