javascript阻止事件冒泡代碼:關於事件冒泡這裡就不介紹了,具體可以參閱javascript事件冒泡簡單介紹一章節。事件冒泡在某些場景非常的有用,但是有時候也是必須要阻止,下麵是一段能夠相容所有主流瀏覽器的阻止事件冒泡的實例代碼。代碼實例:function stopBubble(e) { .....
javascript阻止事件冒泡代碼:
關於事件冒泡這裡就不介紹了,具體可以參閱javascript事件冒泡簡單介紹一章節。
事件冒泡在某些場景非常的有用,但是有時候也是必須要阻止,下麵是一段能夠相容所有主流瀏覽器的阻止事件冒泡的實例代碼。
代碼實例:
function stopBubble(e) { if(e&&e.stopPropagation) { e.stopPropagation(); } else { window.event.cancelBubble=true; } }
以上代碼可以阻止事件冒泡,下麵對代碼做一下簡單註釋:
一.代碼註釋:
1.function stopBubble(e) {},此函數用來阻止事件冒泡,參數是個事件對象。
2. if(e&&e.stopPropagation){e.stopPropagation();},判斷是否支持stopPropagation,如果支持就使用e.stopPropagation()。stopPropagation()函數IE10和IE10以下瀏覽器不支持。
3.window.event.cancelBubble=true,當前IE瀏覽器使用這個可以阻止事件冒泡。
二.相關閱讀:
1.stopPropagation()函數可以參閱javascript的stopPropagation()方法一章節。
2. cancelBubble屬性可以參閱javascript的cancelBubble事件屬性一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9383
更多內容可以參閱:http://www.softwhy.com/javascript/