简单小程序自身提供了相应的方法： 1. catchtap：和bindtap相对应，catchtap有着阻止事件冒泡的作用； 2. catchtouchmove：阻止浮层欢动穿透到页面上，这里用到了scroll-view就顺带提一下，这是小程序组件视图容器，表示可滚动视图 ...

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

问题描述：使用小程序的modal组件实现遮罩层效果时，会出现滚动穿透的问题，即遮罩层后面的页面依旧可以滚动。 解决方案： 　　给底层页面动态添加 position:fixed; 代码： wxml： <modal class="mask" wx ...

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

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

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

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

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