事件委託 時間冒泡

2022-09-10 07:00:13 字數 669 閱讀 6100

事件**」即是把原本需要繫結在子元素的響應事件(click、keydown......)委託給父元素,讓父元素擔當事件監聽的職務。事件**的原理是dom元素的事件冒泡。

jquery事件delegate()實現事件委託

delegate() 方法為指定的元素(屬於被選元素的子元素)新增乙個或多個事件處理程式,並規定當這些事件發生時執行的函式。

格式:$(selector).delegate(childselector, event, data, function)

引數描述

childselector

必需,規定要附加事件處理程式的乙個或多個子元素。

event

必需,規定附加到元素的乙個或多個事件。由空格分隔多個事件值。必須是有效的事件。

data

可選,規定傳遞到函式的額外資料。

function

必需,規定當事件發生時執行的函式。

//

blog.csdn.net/qq_38128179/article/details/86293394

優點:1、可以大量節省記憶體占用,減少事件註冊,比如在ul上**所有li的click事件就非常棒

2、可以實現當新增子物件時無需再次對其繫結(動態繫結事件)

vue裡邊實現阻止時間冒泡:

用修飾符

事件冒泡和事件委託

今天學到了事件冒泡和事件委託這兩個詞,現在談一下我的理解。如果有錯誤,還望各位大佬及時糾正,謝謝。事件冒泡 父元素和子元素有觸發事件時,如果子元素觸發,會引起父元素事件也觸發。有一點搞清楚,父元素通常就相當於是乙個大盒子,而子元素則是裡面的內容。解決辦法 有時候,不需要觸發父元素的時候,可以使用ev...

事件冒泡與捕獲 事件委託

設想這樣一種情況 乙個div裡面有個span元素 當滑鼠單擊span時,這個事件算是誰的?div還是span?準確的說兩個都觸發了,這種認可大家都同意,事實就是這樣的,第二個問題來了,這個事件應該有個先後順序 先觸發span還是div?早期就有兩個主流的瀏覽器廠商各執己見,ie認為,這個事件首先觸發...

js事件冒泡和事件委託

js事件冒泡 js所謂的事件冒泡就是子級元素的某個事件被觸發,它的上級元素的該事件也被遞迴執行 html js ul data type citypick on click function ul data type citypick on click li function 當li的點選事件被觸發...