巧用事件代理_javascript

事件的运用在前端开发是不可避免的，怎么样既能实现同样的事件效果，又能提高代码性能，对了，大家可能想到的是，运用时间代理。确实是这样的，在开发的过程中，在用到事件时，我首先考虑，是否能简化事件，是否能用代理减少给每个对象添加事件，减少内存的浪费。

经过多次对事件代理的尝试，总结了几条经验：

1.一定范围内的事件（click）实现的是同一个功能

此时，便可以考虑使用事件代理，巧妙利用时间的冒泡，触发最顶层添加事件的对象，实现整个范围内的事件功能。此代理需要注意的地方，最好在实现同一功能的最外层对象添加，不要再往外层对象代理，以免代理太大，难以控制。

2.一定范围的事件实现的不是同一功能

虽然在一定范围内都需要事件，但各个事件实现的功能并不相同，为了减少给每个对象添加事件，也可以利用冒泡，巧用代理实现。不像第一种代理，实现的是同一功能，所以在代理的过程中，需要利用event对象获得target(ie除外其他浏览器不同)或srcElement(ie)，来判断点击的对象，根据对象来执行事件。在代理的过程中需要注意，一定要对源对象进行判断，否则肯定出错（谨记）！

饭后无聊 闲谈 ！

转载于:https://my.oschina.net/u/564368/blog/135613