JS事件委托
2018-06-24 02:05:54来源:未知 阅读 ()
一、什么是一个事件委托?
说到事件委托先说javascript的事件机制。
在js中分为DOM 0级事件和 DOM 2级事件。
下面来看下什么是一个dom0级事件:
DOM 0级事件的缺点,当你给一个对象绑定多个事件的时候后写的事件会覆盖先写的事件
下面是DOM2级事件:
DOM 2级事件:
addEventListener('事件类型',函数名,true/false);
参数1:事件类型不需要加on
参数2:回调函数
参数3:true代表捕获 dalse代表捕获
解绑事件的方法:removeEventListener()
IE的DOM2级事件:
attachEvent()
参数1:事件类型 需要加on
参数2:回调函数
解绑事件方法:detachEvent();
事件流: 当一个HTML元素产生一个事件时,该事件会在元素节点与根节点之间的路径传播,路径所经过的节点都会收到该事件,这个传播的过程叫做DOM事件流
冒泡事件:微软提出的 事件由子元素传递到父元素的过程,叫做冒泡
捕获事件:网景提出的 事件由父元素到子元素传递的过程,叫做事件捕获
现在终于带了事件委托了:
事件委托:通过事件冒泡的原理,利用父级去触发子级的事件。
事件对象:对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态
事件委托:
获取事件对象的兼容写法:
Btn.click = function(e){
var e = e||event;
}
获取targe他的兼容写法:
var target = e.target||e.srctarget;
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:es6学习笔记初步总结
- JS 控件事件小结 2020-03-25
- 分享JavaScript获取网页关闭与取消关闭的事件 2020-02-29
- JavaScript匿名函数与委托使用示例 2020-01-07
- jQuery事件绑定用法详解 2019-12-29
- input标签内容改变的触发事件介绍 2019-11-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash