父元素的touch事件覆盖了子元素的click事件如何处理?

父元素的touch事件覆盖了子元素的click事件如何处理?

html 结构代码如下:

<div id="content">

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

<div class="item"></div>

</div>

这个是 html5 页面,在手机上访问的, #content 设置了 touch 事件实现了左滑右滑,但是我还有需求针对每个 .item 实现 click 事件,现在的实际情况是 #content 的 touch 事件覆盖了 .item 的 click 事件,请问该如何实现既可以左滑右滑,又可以实现每个 .item 的 click 事件呢?请大神指点,谢谢。


回答:

  1. 改到捕获期
  2. 别阻止冒泡
  3. 统一事件委托,大家谁也别干扰谁。

以上是 父元素的touch事件覆盖了子元素的click事件如何处理? 的全部内容, 来源链接: utcz.com/p/937439.html

回到顶部