父元素與子元素的冒泡事件

gj369326973

于 2011-09-01 20:55:02 发布

阅读量1.2k

点赞数

文章标签： function javascript ie

本文链接：https://blog.youkuaiyun.com/gj369326973/article/details/6740863

版权

<script language="javascript" type="text/javascript">
function propagation(){
	alert(1);
}
function propagation_a(event){
	alert(2);
}
</script>
<body>
<ul>
	<li οnclick="propagation()"><a href="#" οnclick="propagation_a(event)">冒泡事件</a></li>
</ul>
</body>

當父級li點擊觸發propagation方法，子元素也會繼承此方法。

有些時候並不需要此行為，在火狐（等非IE瀏覽器中）加入阻止冒泡事件。

function propagation_a(event){
    event.stopPropagation();
    alert(2);
}

執行完propagation_a方法後結束