原文:JS(原生)事件委托:为动态创建的节点绑定事件

项目开发中经常需要为动态创建的节点绑定事件, 比如需要创建一个动态列表:在li的数量非常少的时候,为每一个li绑定事件不会存在太多性能方面的问题,但是当列表非常的长,长到上百上千甚至上万的时候 假设 ,为每个li绑定事件就会对页面性能产生很大的影响。当有大量元素需要绑定相同事件的时候可采用事件委托,将在目标元素上要处理的事件委托给父元素或者祖先元素 优点 事件委托对于web应用程序的性能有如下几个 ...

2014-05-08 14:46 1 9752 推荐指数:

查看详情

原生JS事件绑定方式和事件委托(流)

事件 事件分两种:普通事件绑定事件 普通事件 普通事件为DOM对象的键值对方式 类似于元素属性值(键值对) <span onclick="fn">普通事件</span>; 两种事件的区别:普通事件不能重复添加,只有最后一次添加才生效 ...

Fri Jan 14 00:17:00 CST 2022 1 689
原生js事件绑定

一、JS事件 (一)JS事件分类 1.鼠标事件: click/dbclick/mouseover/mouseout 2.HTML事件: onload/onunload/onsubmit/onresize/onchange/onfoucs/onscroll 3.键盘事件 ...

Sat Aug 24 19:52:00 CST 2019 0 3294
关于原生Js事件委托实现

事件委托原理: 事件冒泡机制 结合之前使用理解: 经常使用Jquery时经常会有一个问题,那便是对追加元素的动态事件监听。如执行$("ul").append("<li class='li'></li>");时,新的.li点击时$(".li").on(...)未被触发 ...

Mon Sep 14 19:46:00 CST 2020 0 1164
事件委托事件绑定

先通过一个例子来引出事件委托:   假设有一个ul父节点,包含了很多li的子节点,点击li触发相应的事件   我们通常的写法是为每一个li都添加一个onclick事件监听。   如果这个ul的子元素需允许无限态的添加时,就会出现问题:     1.新添加的元素 ...

Fri Jul 01 00:02:00 CST 2016 1 5100
原生jsjs动态添加dom,如何绑定事件

首先要明白浏览器在加载页面的时候是按顺序来加载的,这样以来就很清楚了,js动态添加dom以后,这些dom并没有绑定事件,这个时候最简单的一个办法就是:将绑定事件的方法封装到一个函数A中,在动态添加完dom以后立即执行一次函数A即可。 需要注意的是,在你可能同时需要添加 ...

Mon Nov 07 19:45:00 CST 2016 0 6487
js动态添加事件-事件委托

作者:白狼 出处:http://www.manks.top/javascript-dynamic-event.html 本文版权归作者,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 其所谓的动态添加事件实质就是指js中的事件委托 ...

Tue Jul 19 17:13:00 CST 2016 0 2083
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM