您好,登錄后才能下訂單哦!
<div id="gaga">
<a href="#" gaga = "xixi">1</a>
<a href="#">10</a>
<a href="#">100</a>
<a href="#">1000</a>
<a href="#">10000</a>
<a href="#">100000</a>
<a href="#">1000000</a>
<a href="#">10000000</a>
<a href="#">100000000</a>
<a href="#">1000000000</a>
<a href="#">10000000000</a>
<a href="#">100000000000</a>
</div>
<script>
var gaga = document.getElementById( "gaga" );
gaga.onclick = function( e ){
var e = e || window.event;
var Target = e.srcElement || e.target; // srcElement這個只是支持firefox
alert( Target.tagName);
if( Target.tagName.toUpperCase() == "A" ){
alert( Target.innerHTML );
};
return false; // 防止跳轉
};
</script>
這樣的好處就不用給每個a鏈接綁定一個onclick事件,減少了內存泄露問題,提高了性能,還降低瀏覽器崩潰的風險。
不過不是所有的事件都能冒泡的。blur、focus、load和unload不能像其它事件一樣冒泡。事實上blur和focus可以用事件捕獲而非事件冒泡的方法獲得(在IE之外的其它瀏覽器中)。
在管理鼠標事件的時候有些需要注意的地方。如果你的代碼處理mousemove事件的話你遇上性能瓶頸的風險可就大了,因為mousemove事件觸發非常頻繁。而mouseout則因為其怪異的表現而變得很難用事件代理來管理。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。