fastclick 源码注解及一些基础知识点

发布时间：2016-10-31 19:50:54 所属栏目：教程来源：站长网

导读：副标题#e# 在移动端，网页上的点击穿透问题导致了非常糟糕的用户体验。那么该如何解决这个问题呢？问题产生的原因移动端浏览器的点击事件存在300ms的延迟执行，这个延迟是由于移动端需要通过在这个时间段用户是否两次触摸屏幕而触发放大屏幕的功能。那么

js:

document.getElementById('click-one').addEventListener('click',function(e){
  console.log("click-one");
  var evt = new Event('click',{"bubbles":true, "cancelable":true});
  document.getElementById('click-two').dispatchEvent(evt);
},!1);
document.getElementById('click-two').addEventListener('click',function(e){
  console.log("click-two");
},!1);
/*
语法.参数
new Event(typeArg,eventInit);
typeArg:事件名称
eventInit:
    bubbles     是否冒泡
    cancelable  是否可被取消
    scoped      是否冒泡，如果该值为true，则deepPath将只包含目标节点
    composed    是否触发shadow root之外的监听，默认fasle  同时求教 shadow root 在这里指的是？
*/

参考文档：

MDN Document.creatEvent()

MDN Event.initEvent()

MDN EventTarget.dispatchEvent()

MDN Event

本文涉及的知识点比较基础，且看且勿喷吧。

如有不正之处，感谢指出... 同时欢迎讨论交流

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

7/7

首页