本文探讨了前端开发中事件代理的应用，介绍了如何通过事件冒泡原理减少事件绑定，从而提升代码性能。文章分享了两种场景下事件代理的实现方法，一是同一功能范围内的事件代理，二是不同功能范围内的事件代理，并强调了在代理过程中需注意的事项。
事件的运用在前端开发是不可避免的，怎么样既能实现同样的事件效果，又能提高代码性能，对了，大家可能想到的是，运用时间代理。确实是这样的，在开发的过程中，在用到事件时，我首先考虑，是否能简化事件，是否能用代理减少给每个对象添加事件，减少内存的浪费。
经过多次对事件代理的尝试，总结了几条经验：
1.一定范围内的事件（click）实现的是同一个功能
此时，便可以考虑使用事件代理，巧妙利用时间的冒泡，触发最顶层添加事件的对象，实现整个范围内的事件功能。此代理需要注意的地方，最好在实现同一功能的最外层对象添加，不要再往外层对象代理，以免代理太大，难以控制。
2.一定范围的事件实现的不是同一功能
虽然在一定范围内都需要事件，但各个事件实现的功能并不相同，为了减少给每个对象添加事件，也可以利用冒泡，巧用代理实现。不像第一种代理，实现的是同一功能，所以在代理的过程中，需要利用event对象获得target(ie除外其他浏览器不同)或srcElement(ie)，来判断点击的对象，根据对象来执行事件。在代理的过程中需要注意，一定要对源对象进行判断，否则肯定出错（谨记）！
饭后无聊 闲谈 ！
扫一扫
1693
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
