js event事件的傳遞與冒泡處理
更新時(shí)間：2009年12月06日 21:49:20 作者：
與Netscape相反，IE中的事件傳遞方向是從事情發(fā)生的對(duì)象開始，然后依次由該對(duì)象向所在的父節(jié)點(diǎn)傳遞。
復(fù)制代碼 代碼如下:
<div>
<table nclick="gotClick(event,'table',this)" id="table">
<tr nclick="gotClick(event,'tr',this)" id="tr">
<td nclick="gotClick(event,'td',this)" id="td">
<input type="button" name="button" value="單擊我"
onclick="gotClick(event,'按鈕',this);" id="button">
</td>
</tr>
</table>
</div>
<div id='result'>
</div>
js文件
復(fù)制代碼 代碼如下:
function gotClick(event,msg,obj){
var object;
var msgs = msg+" => 被單擊了!<br/>";
try{
if (event.target) {//Mozilla
object = event.target;
// alert(document.getElementById(object.id).nodeName+" Mozilla "+msg);
document.getElementById('result').innerHTML +=msgs;
// event.cancelBubble=true;//阻止傳遞
}
else if(event.srcElement){//IE
object = event.srcElement;
// alert(object.id+" IE "+msg);
// event.cancelBubble=true;//阻止傳遞
document.getElementById('result').innerHTML +=msgs;
}
}catch(e){
alert(e);
}
}
運(yùn)行結(jié)果是:
按鈕 => 被單擊了!
td => 被單擊了!
tr => 被單擊了!
table => 被單擊了!
您可能感興趣的文章:
相關(guān)文章
我們經(jīng)常使用 window.onload 來處理頁面，當(dāng)頁面加載完成做一些事情。但這個(gè) window.onload 是頁面全部加載完成，甚至包括圖片，而我們實(shí)際上經(jīng)常需要的是文檔 DOM 加載完畢！2009-07-07
javascript 節(jié)點(diǎn)排序?qū)崿F(xiàn)代碼
為了讓自定義選擇選擇出的節(jié)點(diǎn)集合盡可能接近原生API選出的結(jié)果，我們往往要對(duì)結(jié)果集進(jìn)行排序，此順序當(dāng)然是從上到下，從左到右的DOM樹順序。2011-01-01
實(shí)例講解JavaScript 計(jì)時(shí)事件
這篇文章主要介紹了JavaScript 計(jì)時(shí)事件的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
詳解Web使用webpack構(gòu)建前端項(xiàng)目
本篇文章主要介紹了詳解Web使用webpack構(gòu)建前端項(xiàng)目，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了微信小程序當(dāng)前時(shí)間時(shí)段選擇器插件使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
JavaScript聲明變量時(shí)為什么要加var關(guān)鍵字
var用來聲明變量，但是這個(gè)語法并不嚴(yán)格要求，很多時(shí)修改，我們可以直接使用一個(gè)變量而不用var聲明它，不過還是建議大家加var2014-09-09
Javascript對(duì)象Clone實(shí)例分析
這篇文章主要介紹了Javascript對(duì)象Clone用法,實(shí)例分析了javascript對(duì)象克隆的相關(guān)技巧,需要的朋友可以參考下2015-06-06
“DOM2級(jí)遍歷和范圍”模塊定義了“范圍”接口。通過范圍可以選擇文檔中的一個(gè)區(qū)域，而不必考慮節(jié)點(diǎn)的界限（選擇在后臺(tái)完成，對(duì)用戶是不可見的）。下面這篇文章主要介紹了Javascript中DOM范圍的相關(guān)資料，需要的朋友可以參考下。2017-02-02
JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài)示例
這篇文章主要介紹了JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài),涉及javascript prototype與面向?qū)ο蟪绦蛟O(shè)計(jì)相關(guān)操作技巧,需要的朋友可以參考下2018-08-08
來自啟點(diǎn)的js,主要包括字符串的trim,cookies設(shè)置等2008-04-04