受托停止事件冒泡
2015-06-21 17:51
218 查看
只是下一个事件委托止损冒泡
html:
js:
当点击详细的li元素时,发现ul的事件也被触发了,这是我们不想看到的。
解决:
他们可以添加止损冒泡。
评论和其他许多优秀的文章:http://www.ituring.com.cn/article/467#
html:
<ul class="clearfix" data-type="cityPick"> <li class="active_sort_opts" data-id="0">所有</li> <li data-id="88">纽约</li> <li data-id="119">洛杉矶</li> <li data-id="138">拉斯维加斯</li> <li data-id="84">夏威夷</li> <li data-id="120">旧金山</li> <li data-id="105">奥兰多</li> <li data-id="118">西雅图</li> </ul>
js:
$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被点击"); }); $("ul[data-type='cityPick']").on('click','li',function(){ alert("子元素li被点击"); });
当点击详细的li元素时,发现ul的事件也被触发了,这是我们不想看到的。
解决:
$("ul[data-type='cityPick']").on('click',function(){ alert("父元素ul被点击"); }); $("ul[data-type='cityPick']").on('click','li',function(e){ e.stopPropagation();//阻止冒泡 alert("子元素li被点击"); });
他们可以添加止损冒泡。
评论和其他许多优秀的文章:http://www.ituring.com.cn/article/467#
相关文章推荐
- 完全用LINUX工作
- 随想--脾气
- Java正则表达式匹配
- 多线程 调用多线程的方法 Runtime与ProcessBuilder
- C语言链表实现——无限录入单词程序
- PHP钩子是什么?
- 安卓开发利用外部jar包时ClassNotFound的错误
- 15第十六周项目二——有些数的阶乘不算了
- 利用iptables开放被动模式下的FTP服务
- NYOJ 264--国王的魔镜
- Unity教程之再谈Unity中的优化技术
- MYSQL必知必会第13章SQL语句
- 黑马程序员--多线程学习日记
- Python字符串操作符(%s,%d,%u...)与输出格式控制(*-+#0...)
- 意义和公式的协方差
- int java.lang.String.hashCode()
- 做好准备,新开始
- Android自定义ListView图片从服务端获取
- java多线程分析
- 读后感