如果在頁面中重疊了多個元素,並且重疊的這些元素都繫結了同乙個事件,那麼就會出
現冒泡問題。
//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 阻止事件預設行 作用是取消乙個目標元素...