我们绑定页面事件一般用 addEventListener(),这个函数有三个参数,第一个是事件类型type,第二个是事件执行的函数,第三个是useCapture,
1、当useCapture=true的时候,是事件捕获,按照从最外层到最内层的顺序捕获事件;
2、当useCapture=false的时候,是事件冒泡,按照从最内层到最外层的顺序冒泡事件,默认useCapture=false。
事件委托就是,由于有事件冒泡,目标元素的点击事件可以在其父元素绑定,点击目标元素的时候冒泡触发父元素绑定的事件。
好处:
1、提高性能,所有绑定的事件函数都占用空间,只在父元素绑定一个事件,节省空间,提高内存使用率。
2、对于动态生成的元素,在父元素绑定事件,不必因为动态元素的改动而影响事件的绑定。