1、当鼠标点击或触发dom事件,触发dom事件的元素称为事件源。
2、浏览器会从根节点=>事件源(从外到内)传播事件。
3、不太具体的节点应该更早接收到事件,最具体的节点应该最后接收到事件。
实例
<div id="s2">s2</div> </div> <script> s1.addEventListener("click",function(e){ console.log("s1 冒泡事件"); },false); s2.addEventListener("click",function(e){ console.log("s2 冒泡事件"); },false); </script>
以上就是js中事件捕获的实现,希望对大家有所帮助。更多js学习指路:
推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
二三四教育网还为您提供以下相关内容希望对您有帮助:
搞懂js事件、事件流(捕获冒泡)、事件委托
理解JavaScript中的事件、事件流(捕获冒泡)以及事件委托是至关重要的,它们是浏览器与用户交互的核心机制。事件流包括三个阶段:捕获阶段从文档根节点开始向目标对象传播,目标阶段在目标元素上触发,冒泡阶段则由目标向上层元素回溯。不同事件类型,如UI事件、焦点事件和鼠标事件,都有各自触发的时机。事件...
js 如何捕获这个事件?当点击img这个标签的时候alert(“123”)就好...
在img标签里边注册onclick事件,,然后在JS里写函数 function click(){ alert('clicked');} 回答完毕,望采纳!
js 如何捕获window.print()的窗口完成后的事件
捕获window.print()的窗口完成后的事件可按照一下操作尝试:一、 第一种方法:1、用document.execCommand来处理。2、document.execCommand在执行完后会有返回值。3、接着,就能判断:(1)function CloseAfterPrint(){if(tata=document.execCommand("print")){window.close();}else setTimeout("CloseAft...
什么是JavaScript事件流及事件处理程序详解
事件捕获:js会顺着文档流顺序由外往内,依次触发事件。即从DOM树的根到叶子,粉->蓝->绿 事件冒泡:js会逆着文档流顺序由内至外,一次触发事件。即从DOM树的叶子到根,绿->蓝->粉 补充一点:多数时候推荐事件冒泡,因为大多数主流浏览器都兼容两种事件,但一开始ie是不支持事件捕获的,后来ie是...
急!!!JS捕获页面关闭事件的方法
基本上说,asp.net无法直接捕获到页面关闭的事件。通过js可以在获取页面关闭时的事件,并通过ajax通知服务器。但是,这个操作并不能保证能按预想中的完成。另外一种常用的方式就是利用会话超时。如果你对时间精度要求比较高,可以自己设计一个会话超时控制方案,同时通过ajax来发送“心跳包”,当页面关闭后...
...来捕获浏览器关闭的相关事件呢? 浏览器关闭事件JS获取
经过改写的javascript方法,能够监听到鼠标点击浏览器关闭按钮、浏览器状态栏鼠标右键弹出菜单中的关闭以及各种快捷键。但是双击浏览器坐上角图标关闭浏览器和关闭标签页无法监听。
求大神介绍js事件冒泡和捕获有什么实际的应用,最好有案例,多谢!_百度知...
比如easyui的页面组件 Tabs 在右键监听事件中可以设置右键单击tab页标签弹出菜单并进行处理,拦截js鼠标左键单击弹出的菜单的事件
js中什么是冒泡事件?
两种模型 以前,Netscape和Microsoft是不同的实现方式。Netscape中,div先触发,这就叫做事件捕获。Microsoft中,p先触发,这就叫做事件冒泡。两种事件处理顺序刚好相反。IE只支持事件冒泡,Mozilla, Opera 7 和 Konqueror两种都支持,旧版本的Opera's 和 iCab两种都不支持 。事件捕获 当你使用事件捕获时,...
请教一个问题,如何用js捕获audio事件 来模
a.onclick=function(){ if(audio.paused)这个就是检测播放是否已暂停 { audio.play() 这个就是播放 } else { audio.pause(); 这个就是暂停 } }
js 怎么监听到页面关闭或页面跳转事件?
javascript捕获窗口关闭事件有两种方法 onbeforeunload(),onUnload() 用法有两种:1. function window.onbeforeunload() { alert("远标培训为您关闭窗口")} function window.onunload() { alert("远标培训为您关闭窗口")} 2.Onunload,onbeforeunload都是在刷新或关闭时调用,可以在脚本中通过window.onunload...