原文：点透问题及解决
一 问题描述 实际学习与工作中可能会有这样的需求：在移动web中给有重叠的两个元素都添加了点击事件，当触发上方的元素的时候同时也会透过该元素触发下面的元素。这就是点透，然而这并不是我想要的效果。 二 例子 下面通过多种方式来模拟感受点透： 使用原生js 直接给两个盒子绑定点击事件： 在移动端如下效果：仅仅点击tap盒子，tap盒子隐藏，click盒子也被触发改变了背景颜色。 一 问题描述 实际学习 ...
2018-12-25 19:16 0 604 推荐指数：
相关推荐
点透现象出现的场景: 当A/B两个层上下z轴重叠，上层的A点击后消失或移开（这一点很重要），并且B元素本身有默认click事件（如a标签）或绑定了click事件。在这种情况下，点击A/B重叠的部分，就会出现点透的现象。 点透现象出现的原因： zepto的tap事件是通过兼听绑定 ...
zepto的tap事件点透问题分析： 1、“点透”是什么 你可能碰到过在列表页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后后，这个按钮正下方的内容也会执行点击事件（或打开链接）。这个被定义为这是一个“点透”现象。 在前面的项目中遇到了如下图的问题：在点击弹出来的选择 ...
你可能碰到过在页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后，这个按钮正下方的内容也会执行点击事件（或打开链接）。这个被定义为这是一个“点透”现象。 以前，我也听到过tap的点透问题，想着阻止一下默认事件或冒泡就好，但是试了好久都不管用，于是就上网查资料，结果网上果真有 ...
1.点透场景 层A覆盖在层B上面，常见的有对话框等，层A用touchstart或者tap(zepto)事件点击进行隐藏或者移开，由于click晚于touchstart，超过300ms，当层A隐藏后，click到的是下面的层B，此时层B的click事件会触发，或者其上的a链接会跳转，input ...
移动端处理图片要谨慎 包裹图片的div放大的时候会拉伸图片 造成图片失真 将img设置为max-width:100% 最大的宽度为图片自己的宽度 移动端事件 tou ...