事件委托原理:在父节点上设置事件侦听器,而不是在每个子节点上单独设置事件侦听器,然后使用冒泡原理设置每个子节点。
好处:
1-在JavaScript中,添加到页面的事件处理程序的数量直接关系到整个页面的执行性能,这减少了内存消耗和dom操作并提高了性能。 由于需要不断操作dom,因此很可能会导致浏览器重新绘制和回流,页面之间的交互事件也会变长。 因此,有必要减少dom操作。 每个事件处理程序都是一个对象,如果有多个事件处理程序,则会占用内存中的一些额外空间。 事件委托时,所有操作都放在js程序中,只操作其父级,与dom的操作只需要一次,可以大大减少与dom的交互次数,提高性能;
2-动态绑定事件将事件绑定到父元素,因此添加新元素也可以触发相同的事件