事件冒泡和事件捕获
2016-05-27 00:00
169 查看
摘要: 事件流、事件冒泡、事件捕获
###什么是Netscape?
(Netscape浏览器是一个网络信息浏览器,它是由Netscape通信公司开发的网络客户器。它虽是一个商业软件,但它也提供了可在Unix,VMS,Macs,和Microsoft Windows等操作系统上运行的免费版本。和IE是竞争对手)
此处点击input时会调用showMes()函数,但是,根据冒泡原理,还会调用showMessage()函数;在点击input的同时,浏览器认为也点击了div(因为input在div里面)
###事件捕获
刚好跟事件冒泡相反,是指由不太具体的节点向下传播至具体的节点。
事件流
指的是从页面中接受事件的顺序,在IE中的事件流是事件冒泡流;在Netscape浏览器中是事件捕获流。###什么是Netscape?
(Netscape浏览器是一个网络信息浏览器,它是由Netscape通信公司开发的网络客户器。它虽是一个商业软件,但它也提供了可在Unix,VMS,Macs,和Microsoft Windows等操作系统上运行的免费版本。和IE是竞争对手)
事件冒泡
指的是事件最开始由最具体的元素接受,然后逐级想上传播至最不具体的节点(也就是说从嵌套层次最深的节点到文档节点(document))<div id="box" onclick = "showMessage()"> <input type="text" id="btn" onclick = "showMes()"> </div> <script> function showMes(){ alert("我是input"); } function showMessage(){ alert("我是div"); } </script>
此处点击input时会调用showMes()函数,但是,根据冒泡原理,还会调用showMessage()函数;在点击input的同时,浏览器认为也点击了div(因为input在div里面)
###事件捕获
刚好跟事件冒泡相反,是指由不太具体的节点向下传播至具体的节点。
相关文章推荐
- DOM 事件流详解
- jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
- jQuery 1.9.1源码分析系列(十)事件系统之主动触发事件和模拟冒泡处理
- jQuery中on绑定事件后引发的事件冒泡问题如何解决
- 深入理解jQuery之防止冒泡事件
- jQuery中事件对象e的事件冒泡用法示例介绍
- 一个小例子解释如何来阻止Jquery事件冒泡
- 深入理解jQuery中的事件冒泡
- 学习JavaScript事件流和事件处理程序
- JavaScript 事件冒泡简介及应用
- Jquery阻止事件冒泡 event.stopPropagation
- jquery 事件冒泡的介绍以及如何阻止事件冒泡
- JS 事件冒泡 示例代码
- js如何取消事件冒泡
- jquery ajax应用中iframe自适应高度问题解决方法
- javascript事件冒泡和事件捕获详解
- 详解JavaScript中的事件流和事件处理程序
- javascript事件冒泡详解和捕获、阻止方法
- js之事件冒泡和事件捕获详细介绍
- 事件切换和事件冒泡