移动端“点透事件”

参考链接:

http://www.uedsc.com/through-the-click-point-in-the-development-of-web.html

刚才举例说明了什么是点透,其实点透的出现场景可以总结如下:

  1. A/B两个层上下z轴重叠。
  2. 上层的A点击后消失或移开。(这一点很重要)
  3. B元素本身有默认click事件(如a标签) 或 B绑定了click事件。


也就是说,事件的触发时间按由早到晚排列为:touchstart 早于 touchend 早于 click。亦即click的触发是有延迟的,这个时间大概在300ms左右。

由于我们在touchstart阶段就已经隐藏了罩层A,当click被触发时候,能够被点击的元素则是其下的B元素,根据click事件的触发规则:

只有在被触发时,当前有click事件的元素显示,且在面朝用户的最前端时,才触发click事件。

由于B绑定了click事件(或者B本身默认存在click事件),所以B的click事件被触发,产生了点透的情况。

posted @ 2017-01-10 12:41  土豆zhang  阅读(218)  评论(0编辑  收藏  举报