#事件冒泡
###什麼是事件冒泡
在乙個物件上觸發某類事件(比如單擊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屬性...