js事件委托的用法 js中事件委托

js事件委托是怎么做的

第一种办法是实现起来简单，可是如果子元素较多，这种做会对性能有较大的影响，而且如果是动态添加的dom元素，那么还需要在添加的时候再手动添加事件。

而事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件，委托给更大范围的dom去处理。好比送信员，如果每次都把信件送给每一户，非常繁琐。

标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

相关问答

Q1: 在js中,事件代理和事件委托是什么区别啊,怎么解释啊

1、事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，事件委托又叫事件代理。举一个通俗的例子：有三个同事预计会在周一收到快递。

2、事件委托也叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

3、添加和删除方法被添加。 事件比委托有更深层次的控制，它规定它们只能在生产者内部调用。什么是事件委托？事件委托也称为事件委托。是 JavaScript 中绑定事件的常用技术。

4、前台MM也会在收到寄给新员工的快递后核实并代为签收。

5、委托关系与代理关系的区别主要有：适用范围不同，代理关系可以包括委托关系，有委托代理、法定代理和指定代理等。

Q2: 事件代理和事件委托

事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件，事件委托又叫事件代理。举一个通俗的例子：有三个同事预计会在周一收到快递。

事件委托也叫事件代理，就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。

事件代理(事件委托)由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理（delegation）。

Q3: JS中如何巧妙的用事件委托Script

1、(缺点 1 for循环影响性能，2每次循环都会在内部创建一个事件，3 如果 li 是动态追加的会导致事件失效。

2、第一种办法是实现起来简单，可是如果子元素较多，这种做会对性能有较大的影响，而且如果是动态添加的dom元素，那么还需要在添加的时候再手动添加事件。

3、这些新添加的元素都不用再绑定事件处理函数了，通通由a元素去处理即可（a元素通过target对象就可以知道事件委托方是哪个元素，从而进行不同的处理），这样就简化了程序，也避免了相互之间发生冲突的可能性。这就是事件委托。

4、标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

5、而事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件，委托给更大范围的dom去处理。好比送信员，如果每次都把信件送给每一户，非常繁琐。

关于js事件委托的用法和js中事件委托的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。