在做移动端的页面时，经常会遇到点击（touch）一个弹出的层，在上面触发点击（touch）事件，当弹出层关闭之后点击（touch）事件会穿透到下面的层，这时候如果下一层的某个元素也绑定了点击（touch）事件，就会也一起被触发，如何解决这所谓的bug？解决这一问题需要用到css3的新属性 ...

应用场景 我们在 HTML 开发时可能会遇到这样的情况：页面上有一些元素使用绝对定位布局，这些元素可能会遮盖住它们位置下方的某个元素的部分或者全部。默认情况下，下方元素被遮挡的部分是不会响应鼠标事件的。 但有时我们可能需要被遮盖住的元素仍然能够处理鼠标事件。 比如：我们在一个地图组件上覆盖 ...

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

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

按钮上绑定事件如下： 但是点击nav按钮的时候看不到banner滚动而是直接触发下面ba ...

移动端touch事件穿透原因及解决办法 2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。这当中最出名 ...

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

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