有时候我们需要给没有被渲染到浏览器的 （可能将来会被渲染）一段DOM元素绑定事件，比如说给一段通过Ajax请求完成后渲染的DOM节点绑定事件。一般绑定的逻辑会在渲染前执行，绑定的时候找不到元素所以事件会失效，使用事件代理/委托可以解决这种动态加载HTML元素的事件绑定问题。并且，事件代理的性能比单独绑定事件要好的多。

在这个实战中，

事件冒泡主要应用在扩大全选按钮和商品选择按钮的点击范围。

事件代理主要应用在通过Ajax异步加载的商品。

在这个例子中，把商品数量的输入框的keypress,keyup,blur事件全部代理到body元素中，这样就能确保每个事件都能够生效。而不会因为HTML元素未被浏览器渲染而导致事件失效的情况。当然商品数量增加和商品数量减少也是同样的原理。具体事件的代码会在下次分享中谈及。

分享给小伙伴们：

本文标签： Ajax，异步加载/">Ajax，异步加载

相关文章

发表评论愿您的每句评论，都能给大家的生活添色彩，带来共鸣，带来思索，带来快乐。