父元素與子元素的冒泡事件
2011-09-01 20:55
120 查看
<script language="javascript" type="text/javascript">
function propagation(){
alert(1);
}
function propagation_a(event){
alert(2);
}
</script>
<body>
<ul>
<li onclick="propagation()"><a href="#" onclick="propagation_a(event)">冒泡事件</a></li>
</ul>
</body>當父級li點擊觸發propagation方法，子元素也會繼承此方法。
有些時候並不需要此行為，在火狐（等非IE瀏覽器中）加入阻止冒泡事件。
function propagation_a(event){
event.stopPropagation();
alert(2);
}執行完propagation_a方法後結束
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 如何给元素添加事件监听和取消事件冒泡
- 子元素组织事件冒泡
- iOS上的jQuery.on()冒泡事件绑定 以及 iOS绝对定位元素中的输入框
- 原生JS如何利用冒泡减少事件的触发，只代理给共有的父元素。
- 阻止点击事件冒泡，不让父级元素的点击事件响应
- W3C下的冒泡和捕获机制。到底是冒泡呢。还是捕获呢。一个DOM元素绑定多个事件时如何执行。
- 事件委托与阻止冒泡阻止其父元素事件触发
- 父级元素触发子元素的 click 事件,阻止子元素事件冒泡
- 一个DOM元素绑定多个事件时，先执行冒泡还是捕获
- 解决ios端不能使用body元素的冒泡事件
- 阻止默认行为：比如a链接的跳转。阻止冒泡：子元素的事件触发到了父元素身上
- 事件代理中冒泡带来的问题----触发根元素自己的事件
- W3C下的冒泡和捕获机制。到底是冒泡呢。还是捕获呢。一个DOM元素绑定多个事件时如何执行。
- 一个DOM元素绑定多个事件时，先执行冒泡还是捕获
- DOM元素的事件捕获和冒泡
- iOS上的jQuery.on()冒泡事件绑定 以及 iOS绝对定位元素中的输入框
- [置顶] 阻止checkbox的父元素事件冒泡
- 【js】js阻止元素事件的冒泡
- js 阻止元素（文档）默认事件，阻止冒泡事件
- iOS上的jQuery.on()冒泡事件绑定 以及 iOS绝对定位元素中的输入框