移动端穿透导致执行两个事件解决方法

1、内层有一个a标签,绑定有事件

2、内层遮盖外层,对应外层位置正下方有一个a标签,也绑定有一个事件

在点击内层上的a标签,会触发外层a标签对应的事件,解决办法

方法一:

1、引用 <script src="/scripts/fastclick.js" type="text/javascript"></script>

2、click改为 ontouchend

 fastclick.js下载地址:https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js

方法二:

1、在内层click事件中添加 event.stopPropagation();

方法一问题是不支持PC端页面。方法二兼容性强一点,假如像企业微信这样的手机端PC端最好用方法二。

原文地址:https://www.cnblogs.com/zhaogaojian/p/10317489.html