事實上stoppropagation和cancelbubble的作用是一樣的,都是用來阻止瀏覽器預設的事件冒泡行為。
不同之處在於stoppropagation屬於w3c標準,試用於firefox等瀏覽器,但是不支援ie瀏覽器。相反cancelbubble不符合w3c標準,而且只支援ie瀏覽器。所以很多時候,我們都要結合起來用。不過,cancelbubble在新版本chrome,opera瀏覽器中已經支援。
語法:e.stoppropagation();
引數e:表示事件傳遞的引數,代表事件的狀態。
/*左側導航欄出現和消失
*/$(".show-list").unbind("click").click(function
());
/*點選螢幕任何部位彈出框消失
*/$(document).click(
function
())
實現:點選show-list時,出現左側導航欄,點選螢幕任意地方,左側導航欄消失
JS停止事件冒泡 阻止瀏覽器預設行為
一 停止事件冒泡 如果提供了事件物件,則這是乙個非ie瀏覽器 if e e.stoppropagation 因此它支援w3c的stoppropagation 方法 e.stoppropagation else 否則,我們需要使用ie的方式來取消事件冒泡 window.event.cancelbubb...
JS阻止事件冒泡以及瀏覽器預設行為
e的相容 function fn e firefox裡的event跟ie裡的不同,ie裡的是全域性變數,隨時可用。firefox裡的要用引數引導才能用,是執行時的臨時變數 在ie opera中是window.event,在firefox中是event。而事件的物件,在ie中是window.event...
五,事件物件 阻止瀏覽器預設動作 阻止事件冒泡
在jquery裡邊 bind click function evt click function evt bind mouseover f1 function f1 evt 事件物件 就使用紅色的evt即可,在jquery框架內部有做瀏覽器相容處理。阻止瀏覽器預設動作 阻止事件冒泡 dom2級瀏覽器...