事件冒泡和事件委託

2021-10-05 07:52:03 字數 300 閱讀 5348

今天學到了事件冒泡和事件委託這兩個詞,現在談一下我的理解。如果有錯誤,還望各位大佬及時糾正,謝謝。

事件冒泡:父元素和子元素有觸發事件時,如果子元素觸發,會引起父元素事件也觸發。

有一點搞清楚,父元素通常就相當於是乙個大盒子,而子元素則是裡面的內容。

解決辦法:有時候,不需要觸發父元素的時候,可以使用event.stoppropagation();這是阻止事件發生

事件委託:子元素的事件委託給父元素上。

如果子元素過多或新增加,那麼就可以只在父元素上設定就行。就好比小明欠了你的錢,但是你找不到他,你就找他媽媽。

事件冒泡 事件捕獲和事件委託

事件冒泡會從當前觸發的事件目標一級一級往上傳遞,依次觸發,直到document為止。事件捕獲會從document開始觸發,一級一級往下傳遞,依次觸發,直到真正事件目標為止。事件委託依靠的就是事件冒泡和事件捕獲的機制。box1 box2 box3 上面是三個具有父子關係的box,分別繫結了列印事件,現...

js事件冒泡和事件委託

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

JS事件冒泡 事件捕獲和事件委託

如上圖所示 事件冒泡 結構上從內到外 如上圖所示 事件捕獲 結構上從外到內 使用addeventlistener 方法指定事件是否在捕獲或冒泡階段執行 element.addeventlistener event,function,usecapture usecapture 可選。布林值,指定事件是...