当有一个ul，下面有100个以上的li，给每一个li添加点击事件是非常耗性能的，解决方案：事件委托，委托给上级ul，代码如下
document.addEventListener('DOMContentLoaded', function() {
let app = document.getElementById('todo-app');
// 事件侦听器绑定到整个容器上
app.addEventListener('click', function(e) {
if(e.target && e.target.nodeName === 'LI') {
let item = e.target;
alert('you clicked on item: '+ item.innerHTML);
}
});
});
当有一个ul，下面有100个以上的li，给每一个li添加点击事件是非常耗性能的，解决方案：事件委托，委托给上级ul...
给ul下面的li加上点击事件，点击哪个li，就显示那个li的innerHTML 委托给li上层的ul 兼容性
关于JavaScript中的事件代理（例子：ul中无数的li上添加点击事件） https://www.cnblog...
dom01 1.点击按钮在ul中添加li 2.firstElementChild(第一级元素) 3.setAttr...
JavaScript事件委托 原理：利用事件的冒泡原理，当你点击ul>li时，会从最深的节点开始向外传播li>ul...
需求：如果需要给每个li添加点击事件。 一、常规实现方法：遍历每个li，给每个li单独加点击事件。 缺点：1、假如...
老生常谈的一个面试题，如何解决点击ul下的每个li，弹出这个li的元素索引呢？ 1. 绑定数据在DOM元素上 遍历...
点击ul中的li元素，点击失效，有时只有点击li元素的左侧才生效。 解决办法：mui有自带的点击事件绑定 本来是需...
添加模块下- 后添加的元素没有点击事件 图片.png图片.png当点击加号时添加时要重新获取li和section ...
给cell添加点击事件, 自己来维护点击事件后的操作, 不要用系统的了
本文标题：DOM操作，给ul下的li添加点击事件
本文链接：https://www.haomeiwen.com/subject/oqwufqtx.html
网友评论