JS target與currentTarget區(qū)別說明
更新時間:2011年08月28日 18:51:30 作者:
target在事件流的目標階段;currentTarget在事件流的捕獲,目標及冒泡階段。只有當事件流處在目標階段的時候,兩個的指向才是一樣的,而當處于捕獲和冒泡階段的時候,target指向被單擊的對象而currentTarget指向當前事件活動的對象(一般為父級)。
復制代碼 代碼如下:
<div id="outer" style="background:#099">
click outer
<p id="inner" style="background:#9C0">click inner</p>
<br>
</div>
<script type="text/javascript">
function G(id){
return document.getElementById(id);
}
function addEvent(obj, ev, handler){
if(window.attachEvent){
obj.attachEvent("on" + ev, handler);
}else if(window.addEventListener){
obj.addEventListener(ev, handler, false);
}
}
function test(e){
alert("e.target.tagName : " + e.target.tagName + "\n e.currentTarget.tagName : " + e.currentTarget.tagName);
}
var outer = G("outer");
var inner = G("inner");
//addEvent(inner, "click", test);
addEvent(outer, "click", test);
</script>
上面的示例中,當在outer上點擊時,e.target與e.currentTarget是一樣的,都是div;當在inner上點擊時,e.target是p,而e.currentTarget則是div。
您可能感興趣的文章:
- JS中innerHTML和pasteHTML的區(qū)別實例分析
- JavaScript中innerHTML,innerText,outerHTML的用法及區(qū)別
- javascript中innerText和innerHTML屬性用法實例分析
- Javascript中innerHTML用法實例分析
- js中的觸發(fā)事件對象event.srcElement與event.target詳解
- JavaScript獲得表單target屬性的方法
- js 有框架頁面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
- javascript currentTarget對象介紹
- js中innerText/textContent和innerHTML與target和currentTarget的區(qū)別
相關(guān)文章
基于JavaScript實現(xiàn)抽獎系統(tǒng)
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)抽獎系統(tǒng),具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-01-01
javascript模版引擎-tmpl的bug修復與性能優(yōu)化分析
在平時編碼中,經(jīng)常要做拼接字符串的工作,如把json數(shù)據(jù)用HTML展示出來,以往字符串拼接與邏輯混在在一起會讓代碼晦澀不堪,加大了多人協(xié)作與維護的成本。而采用前端模板機制就能很好的解決這個問題2011-10-10
elementUI 設(shè)置input的只讀或禁用的方法
這篇文章主要介紹了elementUI 設(shè)置input的只讀或禁用的方法,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下2018-10-10
Javascript 各瀏覽器的 Javascript 效率對比
2008-01-01

