js中的事件委托


js中的事件委托

1、什么是事件委托?

简单来讲,事件委托就是本来很多元素都需要有自己的事件,但是一个一个给太麻烦了,因此找一个委托人,这个委托人就是父亲元素。

原理:利用的是事件冒泡原理,触发子元素事件会默认触发父元素的事件。

2、事件委托的例子



	
		
		事件委托
		
	
	
		
  • 测试1
  • 测试2
  • 测试3
  • 测试4
  • 测试5
  • 测试6
上述事件中,我们将li的事件委托给了父亲元素ul,因此我们只需要监听父亲元素即可