点击穿透 touch 事件结束后会默认触发元素的 click 事件，如没有设置完美视口，则事件触发的时间间隔为 300ms 左右，如设置完美视口则时间间隔为 30ms 左右（备注：具体的时间也看设备的特性）。 如果 touch 事件隐藏了元素，则 click 动作将作用到新 ...

最近一直在忙于一个无线端的项目，由于之前主要工作都是在桌面端，移动端接触的比较少，所以中间遇到了很多的坑，做一个简单的记录。 问题背景 需求中有这样的一个功能，点击取件信息的时候会弹出一个地址列表的浮层，用户选择地址之后会将具体的地址回填到取件信息当中去。按道理讲，这是一个非常简单的功能 ...

一、背景 博主所负责其中一个项目是web页面，在移动端上出现了事件穿透问题，开发介绍问题原因后，发觉是移动web一个知识点，值得记录一下。 二、click与300ms延迟 移动浏览器提供一个特殊的功能：双击（double tap）放大 300ms的延迟就来自这里，用户触碰页面之后，需要 ...

问题 在做手机页面的时候，遇到这样一个问题： 点击抽奖后，会出现一个弹框，点击弹框上的"确定"按钮，这时问题出现了，当确定按钮和下边的抽奖按钮重合时，弹框隐藏，并且同时触发了抽奖按钮！！！ 这时就了解到：什么是事件穿透？点击上面的一层时会触发下面一层的事件。 zepto的tap ...

有的列表下面要加一层半透明渐变的蒙版，但那样会导致蒙版下面的list无法点击: 只需要给半透明元素添加css属性：pointer-events:none,即可让元素点击事件失效，能直接点击到蒙版下面的元素 ...

一、事件触发顺序 　　PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup、mousemove和click事件。一次点击行为，可被拆解成：mousedown -> mouseup -> click 三步。 　　手机上没有鼠标，所以就用触摸 ...

移动端点透点透现象出现的场景: 当A/B两个层上下z轴重叠，上层的A点击后消失或移开（这一点很重要），并且B元素本身有默认click事件（如a标签）或绑定了click事件。在这种情况下，点击A/B重叠的部分，就会出现点透的现象。 点透现象出现的原因： zepto的tap事件是通过兼听 ...

前言 做过移动端H5页面的同学肯定知道，移动端web的事件模型不同于PC页面的事件。看了一些关于touch事件的文章，我想再来回顾下touch事件的原理，为什么通过touch可以触发click事件，touch事件是不是万能的以及它可能存在的问题。 touch事件的来源 PC网页上的大部分操作 ...