IE的事件傳遞-event.cancelBubble示例介紹
更新時間：2014年01月12日 16:49:16 作者：
關于event.cancelBubble,Bubble就是一個事件可以從子節(jié)點向父節(jié)點傳遞，下面有個不錯的示例，大家可以感受下
關于event.cancelBubble,由于HTML中的對象都是層次結構，比如一個Table包含了多個TR，一個TR包含了多個TD
Bubble就是一個事件可以從子節(jié)點向父節(jié)點傳遞，比如鼠標點擊了一個TD，當前的event.srcElement就是這個TD，但是這種冒泡機制使你可以從TR或者Table處截獲這個點擊事件，但是如果你event.cancelBubble，則就不能上傳事件。
例子：
<html>
<body>
<table border="1" width="26%" id="tableA" onclick="alert('tableA')">
<tr onclick="tableA_rowA_click()">
<td width="106">一般</td>
</tr>
<tr onclick="tableA_rowB_click()">
<td width="106">阻止消息上傳</td>
</tr>
</table>
<p> </p>
</body>
</html>
<!-- -->
<script language="javascript">
<!--
function tableA_rowA_click(){
alert('tableA_rowA');
}
function tableA_rowB_click(){
alert('tableA_rowB');
event.cancelBubble=true;
}
//-->
</script>
event.cancelBubble阻止事件冒泡,event.cancelBubble=true;
取消事件冒泡，在 IE 的事件機制中，觸發(fā)事件會從子元素向父元素逐級上傳，就是說，如果子元素觸發(fā)了單擊事件，那么也會觸發(fā)父元素的單擊事件；event.cancelBubble=true;可以停止事件繼續(xù)上傳補充一點，Ie的事件傳遞是從下到上的：
Bubble就是一個事件可以從子節(jié)點向父節(jié)點傳遞，比如鼠標點擊了一個TD，當前的event.srcElement就是這個TD，但是這種冒泡機制使你可以從TR或者Table處截獲這個點擊事件，但是如果你event.cancelBubble，則就不能上傳事件。
例子：
復制代碼 代碼如下:
<html>
<body>
<table border="1" width="26%" id="tableA" onclick="alert('tableA')">
<tr onclick="tableA_rowA_click()">
<td width="106">一般</td>
</tr>
<tr onclick="tableA_rowB_click()">
<td width="106">阻止消息上傳</td>
</tr>
</table>
<p> </p>
</body>
</html>
<!-- -->
<script language="javascript">
<!--
function tableA_rowA_click(){
alert('tableA_rowA');
}
function tableA_rowB_click(){
alert('tableA_rowB');
event.cancelBubble=true;
}
//-->
</script>
event.cancelBubble阻止事件冒泡,event.cancelBubble=true;
取消事件冒泡，在 IE 的事件機制中，觸發(fā)事件會從子元素向父元素逐級上傳，就是說，如果子元素觸發(fā)了單擊事件，那么也會觸發(fā)父元素的單擊事件；event.cancelBubble=true;可以停止事件繼續(xù)上傳補充一點，Ie的事件傳遞是從下到上的：
相關文章
下面小編就為大家?guī)硪黄狫S中的forEach、$.each、map方法推薦。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-04-04
非常不錯的，收藏效果代碼，增加當前頁的現(xiàn)實，實現(xiàn)對比2008-08-08
最近這幾天在升級自己的MVVM 框架,遇到很多小問題,所以想著就在這里統(tǒng)一解決了。文中主要介紹了關于Javascript中with的替代方法與String中的正則方法，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-12-12
這篇文章主要介紹了Javascript 函數(shù)的四種調用模式的相關資料,需要的朋友可以參考下2016-11-11
可以判斷confirm選擇了是否2008-10-10
這篇文章主要介紹了js圖片查看器插件用法,結合實例形式分析了圖片查看器插件viewer.js簡單使用技巧,需要的朋友可以參考下2019-06-06
下面小編就為大家?guī)硪黄斦刯s模塊化規(guī)范。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
使用bat打開多個cmd窗口執(zhí)行gulp、node
本文主要介紹了使用bat打開多個cmd窗口執(zhí)行gulp、node的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
在寫原生的Javascript的時候，因為IE的JS引擎與標準瀏覽器的JS引擎之間總有那么些差異，所以經常會去判斷是否是IE瀏覽器2014-04-04
Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動(親測可用)
這篇文章主要為大家詳細介紹了Bootstrap實現(xiàn)省市區(qū)三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07