阻止瀏覽器預設的事件冒泡行為

2022-03-15 20:17:26 字數 513 閱讀 9110

事實上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級瀏覽器...