博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一分钟教你用javascript原生代码实现事件委托
阅读量:6222 次
发布时间:2019-06-21

本文共 466 字,大约阅读时间需要 1 分钟。

1、什么是事件委托(代理)?

——javascript中的事件委托就是利用冒泡原理,将事件绑定到节点的父级节点上,从而触发这些节点执行代码中编写的效果;

 

2、事件委托的好处:

  1)、提高js性能;

  2)、后续添加的元素同样能触发事件;

 

3、理解委托需要掌握的知识点:事件源(event对象中的事件源:无论在哪个事件中,当前操作的元素就是事件源)

  IE浏览器中的事件源:window.event.srcElement

  标准浏览器中的事件源:event.target

 

4、通过示例代码理解事件委托:

HTML结构:

		
  • 1111
  • 2222
  • 3333
  • 4444

  

Javascript代码:

 

效果图1:

动态新增元素后效果:

事件委托的好处自己体会,文章就写到这里,感谢阅读!

 

转载于:https://www.cnblogs.com/ARMdong/articles/javascript_delegate.html

你可能感兴趣的文章
搭建ssm框架经验
查看>>
编程之美 第1章 游戏之乐——游戏中碰到的题目(四)
查看>>
对话框DLL封装
查看>>
delphi TStringList 用法详解
查看>>
注意这种写法
查看>>
socket通信如何处理每次包长度不定问题
查看>>
51Nod 1136 欧拉函数 Label:数论
查看>>
转载 乘法逆元
查看>>
http
查看>>
优化 JS 条件语句及JS 数组常用方法, ---- 看完绝对对日后开发有用
查看>>
python基础===基于requests模块上的协程【trip】
查看>>
SharePoint Users&AllUsers&SiteUsers
查看>>
前端开发概述+JS基础细节知识点
查看>>
Oracle之rman数据库在非归档模式下的备份和恢复
查看>>
宏常量,宏替换,const常量
查看>>
数学函数最小值为什么可以通过导数=0来求出呢?
查看>>
计算机操作系统(三)--- 处理器体系结构(一)
查看>>
poj1564
查看>>
poj1081
查看>>
poj1731
查看>>