JavaScript中冒泡与事件委托

【JavaScript中冒泡与事件委托】的更多相关文章

JavaScript中冒泡与事件委托

冒泡事件触发后事件流的三个阶段按顺序依次是: 1.捕获阶段 2.目标阶段 3.冒泡阶段大盒子包裹小盒子,两个盒子都分别添加点击事件,当点击小盒子,两个盒子的事件都会触发. 事件委托下级元素委托上级元素,将子孙元素的事件注册委托给父级元素来代理: 1.给父元素注册点击事件 2.在事件函数中通过( 事件对象.target )获取最先触发的元素( 这就是需要被操作的子元素 ) 3.通过 nodeName 检测是点击了子元素还是点到了父元素上事件对象的公共属性和方法属性: 事件对象.t…

JavaScript事件冒泡和事件委托

JavaScript事件冒泡和事件委托付建宇 - 2 条评论接触JavaScript不久,学的东西也不是特别多.小雨就是习惯把平时学到的东西拿出来分享.一方面加强自己的印象,一方面可以让自己的经验为他人答疑解惑.我们知道JavaScript可以监控页面上元素的各种事件,常用的事件有很多,例如点击,鼠标移入.移出,元素改变等等.这次主要说一下事件冒泡及其一个比较酷的应用,事件委托.不做特殊说明,以下都在jQuery框架内执行. 事件冒泡什么是“事件冒泡”呢?假设这里有一杯水,水被用某种神奇的…

在javascript中如何取消事件冒泡

如果在javascript中只希望事件发生在它的目标而不是在它的父元素上,即取消它的冒泡事件的发生,该如何做?因为按照javascript发生事件的顺序,它由两个阶段:分别从根元素--父元素--目标元素(捕获阶段),再到父元素--根元素(冒泡阶段). IE浏览器和其他浏览器提供了不同的方式来取消事件冒泡行为.下列函数提供了两种方式取消事件冒泡:标准的W3C方式和非标准的IE方式. function stopBubble(e){ //如果传入事件对象且支持W3C的stopPropagation的用…

【JavaScript】事件捕获、事件冒泡与事件委托

2018年12月18日最近在学习js时,遇到了三个名词:事件捕获.事件冒泡.事件委托. 一.事件捕获和事件冒泡事件捕获和事件冒泡是为了解决网页中的事件流(事件发生的顺序)而提出的概念. 事件捕获是指事件会从开始发生,直到最具体的元素. 而事件冒泡正好相反,就如同将石子投入水中,波纹是从中心向两边散开.事件冒泡是指事件会从最内层的元素开始发生,一直向外传播. 例: <div id="outer"> <p id="inner">Click m…

JS中的事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE

转载请注明出处:http://www.cnblogs.com/zhangmingze/p/4864367.html ● 事件分为三个阶段: 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传递给body.……最后到达目的节点(即事件目标). ● 事件冒泡:事件到达事件目标之后不会结束,会逐层向上冒泡,直至document对象,跟事件捕获相反 1.onlick -->…

JavaScript进阶系列06,事件委托

在"JavaScript进阶系列05,事件的执行时机, 使用addEventListener为元素同时注册多个事件,事件参数"中已经有了一个跨浏览器的事件处理机制.现在需要使用这个事件处理机制为页面元素注册事件方法. □ 点击页面任何部分触发事件创建一个script1.js文件. (function() { eventUtility.addEvent(document, "click", function(evt) { alert('hello'); }); }(…

Dom基础（三）:事件冒泡，事件委托（事件代理）和事件捕获

javascript中的addEventListener(事件名,回调,布尔) 其中第三个参数默认为false-事件冒泡,true为事件捕获二者区别: 事件冒泡:目标元素事件先触发,然后父元素事件触发事件捕获:父元素事件先触发,然后目标元素事件触发 1 <body id="body"> 2 <div id="div1"> 3 <a href="#">a1</a> 4 <a href=&qu…

事件绑定，事件捕获，事件冒泡以及事件委托，兼容IE

● 事件分为三个阶段: 事件捕获 --> 事件目标 --> 事件冒泡 ● 事件捕获:事件发生时(onclick,onmouseover……)首先发生在document上,然后依次传递给body.……最后到达目的节点(即事件目标). ● 事件冒泡:事件到达事件目标之后不会结束,会逐层向上冒泡,直至document对象,跟事件捕获相反 1.onlick -->事件冒泡,重写onlick会覆盖之前属性,没有兼容性问题 ele.onclik = null; //解绑单击事件,将onlic…

javascript的事件冒泡,阻止事件冒泡和事件委托，事件委托是事件冒泡的一个应用。

首先,弄明白js 当中,什么是事件,事件模型在js中是如何设计的.什么是事件冒泡? 什么是“事件冒泡”呢?假设这里有一杯水,水被用某种神奇的方式分成不同颜色的几层.这时,从最底层冒出了一个气泡,气泡会一层一层地上升,直到最顶层.而你不管在水的哪一层观察都可以看到并捕捉到这个气泡.好了,把“水”改成“DOM”,把“气泡”改成“事件”.这就是“事件冒泡” 什么是事件委托呢?event delegation : 地址:http://davidwalsh.name/event-delegate One…

JavaScript面试问题：事件委托和this

JavaScript不仅门槛低,而且是一门有趣.功能强大和非常重要的语言.各行各业的人发现自己最混乱的选择是JavaSscript编程语言.由于有着各种各样的背景,所以不是每个人都对JavaScript及其基本原理有广泛的认识.通常来书,除非你去参加工作面试才会去思考为什么或者怎么做, 否则JavaScript只是你工作的内容. 这个系类的目标是深入探讨JavaScript的一些概念和理论.主题来自于 Darcy Clarke的JavaScript典型面试问题列表.希望…