js事件捕获和事件冒泡

作者&投稿:福伊 (若有异议请与网页底部的电邮联系)

事件传播的三个阶段
事件捕获阶段、处于目标阶段、事件冒泡阶段。根据查询博客园网显示,事件传播的三个过程,事件捕获阶段、处于目标阶段、事件冒泡阶段,事件捕获由远及近逐渐靠近事件目标,事件冒泡由事件目标逐渐向上冒泡。阶段是中国词语,表示事物发展过程中的区间段落,是事物发展过程中根据一定的标准划分的段落。

什么是事件捕获,事件冒泡,触发顺序
依次为 ①捕获阶段,②目标阶段,③冒泡阶段,第一阶段:事件从文档根元素开始逐层向下传递,直到找到事件目标,第二阶段:找到事件目标并触发相应的事件,第三阶段:从目标逐层向上返回到根节点,

简述事件捕获和事件冒泡的区别
事件捕获和事件冒泡属于两个相反的过程,这里可以有一个我感觉十分恰当的比喻,当你把一个可以漂浮在水面上的物品,使劲向水里砸下去,它会首先有一个下降的过程,这个过程就可以理解为从最顶层向事件发生的最具体元素(目标点)的捕获过程;之后由于浮力大于物体自身的重力,物体会在到达最低点(最具体...

事件传播的三个阶段
1、捕获阶段。在捕获阶段时从最外层的祖先元素,向目标元素进行事件的捕获,但是默认此时不会触发事件。2、目标阶段。事件捕获到目标元素,捕获结束开始在目标元素上触发事件。3、冒泡阶段。事件从目标元素向他的祖先元素传递,依次触发祖先元素上的事件。

在事件冒泡阶段和捕获阶段处理程序有什么区别
将函数内部的event时间对象保存到全局对象中,在下一个冒泡或捕获的处理事件中 就可以访问到 1或者3 问题二:是的 所以它的值一直是2 问题三:没有什么不同 ,非要说什么不同 ,就是调用的时机不同 ,一个是在事件捕获的时候调用

什么是JavaScript事件流及事件处理程序详解
事件捕获:js会顺着文档流顺序由外往内,依次触发事件。即从DOM树的根到叶子,粉->蓝->绿 事件冒泡:js会逆着文档流顺序由内至外,一次触发事件。即从DOM树的叶子到根,绿->蓝->粉 补充一点:多数时候推荐事件冒泡,因为大多数主流浏览器都兼容两种事件,但一开始ie是不支持事件捕获的,后来ie...

javascript的事件模型有哪些
事件冒泡:主要是IE浏览器用于解决事件流的技术,就是重事件源的事件被触发 它就会想自己的父节点一层层的去触发事件。事件捕获:是Netscape用于解决事件流的技术,就是从父节点向子节点去触发事件。DOM事件流:是FireFox用于解决事件流的技术,既有事件冒泡和事件捕获 事件处理程序:传统事件:一个事件源...

事件模型
事件冒泡和事件捕获分别由网景公式和微软公司提出,这两个概念都是为了解决页面中事件流(事件发生顺序)的问题。事件捕获和冒泡是现在浏览器的执行事件的不同阶段,事件委托是利用冒泡阶段的运行机制来实现的 有的时候父元素和子元素都定义了click事件,但是不希望点击子元素的时候执行父元素的click事件,...

在javascript中什么是事件委托 原理是什么
而事件委托就是利用的DOM事件的事件捕获阶段。把具体dom上发生的事件,委托给更大范围的dom去处理。好比送信员,如果每次都把信件送给每一户,非常繁琐。但是如果交给一个大范围的管理者,比如小区的传达室,那么事情会变得非常简单。事件委托就类似这种原理,我页面中有很多按钮,如果不使用事件委托,我...

什么是JS事件冒泡
Netscape中,div先触发,这就叫做事件捕获。Microsoft中,p先触发,这就叫做事件冒泡。两种事件处理顺序刚好相反。IE只支持事件冒泡,Mozilla, Opera 7 和 Konqueror两种都支持,旧版本的Opera's 和 iCab两种都不支持 。事件捕获 当你使用事件捕获时,父级元素先触发,子级元素后触发,即div先触发,p后...

宇泰14792624684问: javascript事件冒泡与捕获什么意思 -
古冶区益灵回答: (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发. IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window (2)捕获型事件(event...

宇泰14792624684问: 请问javascript中事件捕获和事件冒泡该怎么理解? -
古冶区益灵回答: 事件捕获是为了逐层确定事件的来源,事件冒泡是为了逐级响应事件 就如这哥们说的一样, 事件捕获的主要目的是为了响应事件,比如你单击按钮,先事件捕获,再响应事件; 冒泡的问题主要是当某个事件可能会触发多个响应,但是响应也必须有个先后顺序吧,所以有个冒泡,通过冒泡挨个触发响应.具体问题具体顺序必须结合实际情况来具体分析啊.

宇泰14792624684问: JAVASCRIPT中什么是捕捉事件和冒泡事件,请通俗(用代码)举例说明,怎样判断区别它们?编程时如何使用? -
古冶区益灵回答: 事件捕获是为了逐层确定事件的来源,例如:从document-html-body-div,Code:document.getElementById("divid") 事件冒泡是为了逐级响应事件,例如:从div-body-html-document,Code:<div id="divid" onclick="点击object"></div>

宇泰14792624684问: 如何理解javascript中事件冒泡和事件捕获 -
古冶区益灵回答: 事件冒泡和事件捕获其实是微软和网景公司提出两个解决方案.1. 微软提出事件冒泡2. 网景提出事件捕获 后来 w3c 采用折中的方式,平息了战火,制定了统一的标准——先捕获再冒泡.具体来说对于一棵DOM树如下的情况:<html> <head></head> <body> <div> <p></p> </div> </body></html>在这种情况下 如果是冒泡则按照p -> div -> body -> html -> document的顺序来传递点击事件;如果是捕获则按照document -> html -> body -> div -> p的顺序来传递点击事件;

宇泰14792624684问: 细说什么是js中的事件冒泡和事件捕获以及事件委托 -
古冶区益灵回答: 如下一段代码:有2个div,外部是div1,内部是div2,<br> <div id="div1" onclick="alert('1')"><br><br> <div id="div2" onclick="alert('2')"><br>test<br> </div><br><br><br> </div>假设在div2内部进行点击,那么:冒泡事件认为:你点击了...

宇泰14792624684问: JavaScript事件捕获与事件冒泡原理 IE和DOM之间存在哪些主要差别 -
古冶区益灵回答: (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发. IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(event ...

宇泰14792624684问: jq中的addeventlistener 事件句柄在捕获阶段执行和在冒泡阶段执行的区别
古冶区益灵回答: 回答一下,如果不对请无视该答案.事件捕获,事件冒泡,我个人理解,这是上层元素与后代元素范围内的事情.事件冒泡,就是后代元素上触发的某类事件如click,会向上传播,如果碰巧某个上层元素也有click事件,那么它也会触发.这类似与池塘里的涟漪.从事件中心点,向上层传播.而,事件捕获和这个顺序正好相反.

宇泰14792624684问: javascript 的事件冒泡如何阻止
古冶区益灵回答: 1、cancelBubble(HTML DOM Event 对象属性) :如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true. 2、stopPropagation(HTML DOM Event 对象方法):终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播.调用该方...

宇泰14792624684问: 求大神介绍js事件冒泡和捕获有什么实际的应用,最好有案例,多谢! -
古冶区益灵回答: 比如easyui的页面组件 Tabs 在右键监听事件中可以设置右键单击tab页标签弹出菜单并进行处理,拦截js鼠标左键单击弹出的菜单的事件

宇泰14792624684问: 什么情况下使用捕获?冒泡我知道什么情况下使用,捕获不知道 js -
古冶区益灵回答: scroll或resize这种事件可以用捕获的方式,可以节约一些性能. 有时候你想禁止子元素触发xx事件,可以在父元素的时候就使用阻止捕获来做. 不过即使上面那两种应用场景一般也用冒泡的方式,大家都统一起来开发调试比较方便,捕获节约不了多少性能.


本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网