事件委托的简单说明
来源:互联网 发布:鹿晗2018年工作 知乎 编辑:程序博客网 时间:2024/06/05 09:47
事件委托
在为元素绑定事件的时候,我们通常一贯的做法去给对应的元素绑定相应的事件,然后通过触发该元素的事件而绑定相应的操作。
在一般情况来说,绑定事件的元素很少的时候,我们察觉不到什么问题。但当我们需要给成百个元素又或者不同的元素绑定不同的事件的时候,就会发现这样做不仅操作麻烦,维护管理也麻烦。
所以,我们便采用事件委托的方式来进行事件绑定。
事件委托的核心是通过触发父节点的事件,然后通过冒泡匹配相应的子节点做出相应的操作。
//首先获取父节点ulvar lists = document.getElementsByTagName("ul")[0];//为父节点绑定事件lists.onclick = function(e){ //兼容IE,事件为window.event var e = e || window.event; //兼容IE,e.srcElement var target = e.target || e.srcElement; if (target.nodeName.toLowerCase() == "li"){ //执行标签为li的节点操作 } else if (target.nodeName.toLowerCase() == "div"){ //执行标签为div的节点操作 }}
0 0
- 事件委托的简单说明
- 简单的委托+事件
- 简单实例说明委托和事件。
- 委托与事件的入门说明
- 由委托说明事件的由来1
- 由委托说明事件的由来2
- 委托和事件很好的说明
- 最简单最明白的关于“事件”和“委托”的例子说明
- C#简单的委托与事件
- 简单事件与委托
- 简单委托事件
- 委托事件简单举例
- 事件委托很简单
- C# 中的委托和事件 (很好的说明例子)
- 原生js事件委托与简单的jquery事件委托方法
- 简单谈谈事件与委托
- 简单谈谈事件与委托
- C# 委托事件简单示例
- Linux入门(16)——Ubuntu16.04下配置sublime text 3使用markdown
- 2017 Wuhan University Programming Contest (Online Round) A One car comes and one car goes
- GIT使用
- 404风格的页面
- Mybatis一对一中的SQL(查询、删除、更新、插入)及表的设计
- 事件委托的简单说明
- 全志R8的SDK的编译步骤V1.0(android4.2.2)(分色排版)
- nginx下phpwind9.x的伪静态完整规则
- 深度学习算法实践1---开发环境搭建
- PAT-GPLT L3-018. 森森美图【最短路+ToleftTest】
- windows下dubbo-admin和zookeeper安装部署
- Vuejs获取节点的value和innerHTML
- RecyclerView的简单使用
- String的几种比较方法耗时对比