jquery的冒泡和預設行為

2022-05-13 02:13:06 字數 538 閱讀 3406

如果在頁面中重疊了多個元素,並且重疊的這些元素都繫結了同乙個事件,那麼就會出

現冒泡問題。

//html 頁面

"

width:200px;height:200px;background:red;

">

"button

" value="

按鈕" />

//

三個不同元素觸發事件

$('input

').click(function () );$('

div'

).click(function () );

$(document).click(function () );

jquery 提供了乙個事件物件的方法:event.stoppropagation();這個方法設定到需要觸發

的事件上時,所有上層的冒泡行為都將被取消。

$('

input

').click(function (e) );

阻止事件冒泡和預設行為

在乙個物件上觸發某類事件 比如單擊onclick事件 如果此物件定義了此事件的處理程式,那麼此事件就會呼叫這個處理程式,如果沒有定義此事件處理程式或者事件返回true,那麼這個事件會向這個物件的父級物件傳播,從裡到外,直至它被處理 父級物件所有同類事件都將被啟用 或者它到達了物件層次的最頂層,即do...

事件冒泡與預設行為

在說事件冒泡之前,我們先說說事件物件 event 在觸發dom上某個事件時,會產生乙個事件物件event,這個物件包含著所有事件有關的資訊 導致事件的元素 事件的型別 與特定事件相關的資訊 所有瀏覽器都支援event物件,但支援方式不同 ie中的事件物件 window.event 封裝event物件...

阻止事件冒泡行為與事件預設行為

js 不支援相容性 阻止事件冒泡行為 什麼是冒泡事件?如 在乙個按鈕是繫結乙個 click 事件,那麼 click 事件會依次在它的父級元素中被觸發 stoppropagation就是阻止目標元素的事件冒泡到父級元素。function stopbubble e 阻止事件預設行 作用是取消乙個目標元素...