2 13 Web前端 JQuery5 事件冒泡

2021-09-01 02:46:05 字數 871 閱讀 2397

#事件冒泡

###什麼是事件冒泡

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

###事件冒泡的作用

事件冒泡允許多個操作被集中處理(把事件處理器新增到乙個父級元素上,避免把事件處理器新增到多個子級元素上),它還可以讓你在物件層的不同級別捕獲事件。

###阻止事件冒泡

事件冒泡機制有時候是不需要的,需要阻止掉,通過 event.stoppropagation() 來阻止

$(function());

$box2.click(function() );

$box3.click(function(event) );

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

})......

###阻止預設行為

阻止右鍵選單

$(document).contextmenu(function(event) );
###合併阻止操作

實際開發中,一般把阻止冒泡和阻止預設行為合併起來寫,合併寫法可以用

// event.stoppropagation();

// event.preventdefault();

// 合併寫法:

return false;

清華團隊帶你實戰區塊鏈開發

Web開發技術 Jquery5(動畫)

jquery animate 方法用於建立自定義動畫。語法 selector animate speed,callback 必需的 params 引數定義形成動畫的 css 屬性。可選的 speed 引數規定效果的時長。它可以取以下值 slow fast 或毫秒。可選的 callback 引數是動畫...

學習 jQuery 5 篩選和過濾器

使用基本的過濾器 first 第乙個匹配的元素 last 最後乙個匹配的元素 even 匹配的序號為偶數 odd 匹配的序號為奇數 例如 設定 所有的偶數行的背景色 tr even css background color bbbbff 設定 所有奇數行的背景色 tr odd css backgro...

web前端學習 5

今天學的內容比較多,大概是簡單的原因吧.html框架,垂直框架 它不能與body標籤同時使用。問 乙個框架做導航欄,另乙個框架做內容,怎樣才能讓內容欄的內容隨導航欄的選擇而改變呢?內聯框架 iframe xthml語法規則 1 屬性名稱必須小寫 2 屬性值必須加引號。3 屬性不能簡寫 4 用id屬性...