关于事件优化

标签：

关于事件绑定

以如下的DOM举例

<ul>
        <li> </li>
        <li> </li>
        <li> </li>
        ...
        <li> </li>
</ul>

如果想要对所有的li标签进行绑定Click事件，传统写法是对每个li进行onClick。都知道在Js中每个函数都是会占用内存的，内存中的函数越多，整体性能就越差。

解决方案就是使用事件委托，将事件绑定在li标签的上层，例如ul。当然也可以在往上。

在Jquery中提供了bind、live、delegete以及on方法来实现对事件的委托

• bind 只存在的对象，当新增元素时不能委托
• live 默认绑定到document ，如果DOM嵌套结构很深，事件冒泡会导致性能损失； 
• delegete 自选绑定到某个对象
• on 建议

事件委托的原理在于利用事件冒泡

关于事件冒泡

关于事件优化

标签：

原文地址：http://www.cnblogs.com/zhaoww/p/5887022.html