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