前端,DOM事件委托

何为事件委托?其实事件委托就是其字面意思,就是将一件事情委托给某人做,比方你要对100个按钮进行添加事件,那咋办?

答:监听这100个按钮的上级(祖先)元素,等冒泡的时候判断target是不是这100个按钮中的一个
代码示例:

以上这种情况是发生在元素已经被建立的情况,那么如果你要监听的元素还未被创建,那要如何对它添加点击事件呢?

答:监听上级(祖先),等点击的时候看看是不是我想要的监听的元素即可
 
说到这,那么为什么要使用事件委托呢?为什么我就不能直接使用100行代码或者几百行代码对所有的元素直接进行添加事件呢?这就涉及到了浏览器性能问题,而事件委托的优点就是:省监听数(内存);可以监听动态元素。
posted @ 2022-04-27 09:50  天生如此  阅读(41)  评论(0)    收藏  举报