柯南
柯南
  • 发布:2015-03-13 18:21
  • 更新:2015-07-27 16:43
  • 阅读:6688

列表li子对象 tap事件

分类:MUI

列表,每个LI对象内部有不少对象,如下:

<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-collapse" ><a class="mui-navigate-right">项</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell mui-radio mui-left">
.......
</li>
</ul>
</li>
...
</ul>

对父LI绑定tap事件,点击LI对象内部时,也会触发tap事件,怎么不让触发。

2015-03-13 18:21 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

mui('#ul').on('tap','li',function(){  
console.log('li tap');  
});  
mui('#ul').on('tap','a',function(){  
console.log('a tap');  
return false;//return false后,tap事件不再冒泡到li上.  
});
DCloud_UNI_FXY

DCloud_UNI_FXY

1.如果使用的是on事件委托。可以在事件内判断target,哪些允许触发,哪些不允许触发。
2.如果使用的addEventListener。那可以在不想触发的元素的event里边stopPropagation()

  • 星空学者

    能详细说一下吗,我也有这个问题在纠结

    2015-07-27 16:21

该问题目前已经被锁定, 无法添加新回复