当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于事件的冒泡机制。
假设有一个ul父节点，包含了很多个li子节点：
<ul id="parent-list">
<li id="post1">item1</li>
<li id="post2">item2</li>
<li id="post3">item3</li>
<li id="post4">item4</li>
</ul>
点击每个li时打印各自的innerText：
document.getElementById("parent-list").addEventListener("click",function(e){
if(e.target && e.target.nodeName.toUpperCase() == "LI"){
console.log(e.target.innerText);
}
})
1，什么是事件代理且描述事件代理的原理及为什么要用事件代理？ 事件委托也叫事件代理。利用事件冒泡，让自己的触发的事...
事件委托，事件代理 事件代理又称之为事件委托。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理...
代理协议： 1.要确定谁是代理对象，谁是被代理对象。 事件在哪里产生，谁就被代理对象。 事件在哪里响应，谁就是代理...
实现一个js事件代理的模块，帮助用户快速实现事件代理。
前言 在问题前，需要先清楚关于事件冒泡、事件代理的定义 事件冒泡 事件代理 原理： 事件冒泡机制实现方式：可用ad...
套路一：事件代理 1、事件代理基本原理 事件代理的基本原理简单来说就是将子元素的事件通过冒泡的形式交由父元素来执行...
1.问题描述 双击文章栏目中的单词可以添加到生词栏目中，我们可以给每个单词添加一个dblclick事件，那么这里就...
javascript和jQuery的事件代理不同写法 首先思考一下：为什么我们要用到事件代理？？？ 举个栗子父元素...
简单情况的事件代理写法 假设是这个么结构，然后现在要监听的是 父容器 ul : 那么我们的监听代码可以这么写： 点...
事件代理(事件委托)：利用了事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 事件委托就是利用冒泡...
本文标题：事件代理
本文链接：https://www.haomeiwen.com/subject/mfiwbttx.html
网友评论