事件委托是一种在父元素上监听事件,然后根据事件目标来执行相应操作的技术。使用addEventListener可以很方便地实现事件委托。
下面是一个简单的示例,演示如何使用addEventListener做事件委托:
事件委托示例
- Item 1
- Item 2
- Item 3
在上面的示例中,我们首先获取了父元素parentList
,然后在父元素上添加了一个click事件监听器。当点击父元素内的任何一个子元素时,事件会冒泡到父元素,然后在事件监听器中判断触发事件的目标元素是否为li元素,如果是则执行相应操作。这样就实现了事件委托的功能。