js事件委托和ja事件代理有什么区别

JavaScript014

js事件委托和ja事件代理有什么区别,第1张

事件委托：通俗的讲，事件就是onclick，onmouseover，onmouseout，等就是事件，利用冒泡的原理，把事件加到父级上，触发执行效果

-------------------------------------------------------------------------

如果我们不想或不能够直接操纵目标对象，我们可以利用delegate创建一个代理对象来调用目标对象的方法，从而达到操纵目标对象的目的。代理对象要拥有目标对象的引用。这就是事件代理(也就是说不会直接去操纵对象)

事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。

1.标准写法：利用事件对象里面的 stopPropagation()方法

e.stopPropagation()

2.非标准写法：IE 6-8 利用事件对象 cancelBubble 属性

e.cancelBubble = true

事件委托也称为事件代理， 在 jQuery 里面称为事件委派。 不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

如：给 ul 注册点击事件，然后利用事件对象的 target 来找到当前点击的 li，因为点击 li，事件会冒泡到 ul 上，ul 有注册事件，就会触发事件监听器，这里只操作了一次 DOM ，提高了程序的性能。

事件代理和事件委托实际上说的是同一件事，只是站在不同的角度来说的。比如说元素A把事件处理委托给自己的父元素B去处理，那么A就是事件委托方，而B就是事件代理方，两者参与的实际上是同一件事。