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

Question

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 事件呢？请大神指点，谢谢。

Answer 1

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