---
# System prepended metadata

title: event delegation
tags: [DOM]

---

# event delegation
###### tags: `DOM`


event delegation 意思為事件代理。

當網頁中有許多事件需要監聽，除了針對每一個事件增加監聽之外，透過 DOM 的事件傳遞機制，可以發現到若要觸發一個節點上的事件，該節點上層的所有節點都會經過捕獲與冒泡階段，這也代表可以透過在上層節點增加監聽事件，就可以達到對目標節點監聽的效果。

event delegation 的好處是可以節省資源，讓程式有更好的效能。此外，對於動態新增的事件也可以進行監聽。
