事件委托

原创 wangly 随笔 js 75阅读 19 天前 举报

1、概念:利用事件冒泡,只指定一个事件处理程序,可以管理某一类的所有事件。
2、原理:事件冒泡原理
3、优点:大大减少了与dom操作的交互次数,提高了性能。
详解:添加到页面的事件处理程序的个数直接影响页面的整体运行性能。页面上的事件处理程序越多,与dom操作次数越多,访问dom次数越多,引起浏览器重绘和重排的次数越多,就会延长整个页面交互就绪的时间。
性能优化的主要思想之一就是减少dom操作。
4、适用的事件(有冒泡特性的):click,mousedown,mouseup,keydown,keyup,keypress
5、实现:
(1)每个li效果相同的情况

(2)每个li效果不同

(3)添加新的元素

(4)li内包含其他占满li的元素

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复