JavaScript中事件捕获(Event capturing)-------------->由外向内,事件冒泡(Event bubblin)---------->由内向外
JavaScript事件 gt Event 捕获 冒泡
2023-09-11 14:16:42 时间
1 addEventListener("click", function() {}, useCapture:false);
<!DOCTYPE html> <html lang="en"> <head> </head> <body> <div id="content" class="c1"> <a id="b">hhaha</a> <a href="#!/fdaf">fda</a> <a href="#!/fdaaa">fdf</a> </div> <script> document.getElementById("b").addEventListener("click", function() { //this.href = this.href.replace("?", "#"); console.log("inner"); },true); window.addEventListener("hashchange", function() { console.log(location.hash); }, false); document.getElementById("content").addEventListener("click", function() { console.log("outer"); },true); </script> </body> </html>
-------------->outer
-------------->inner
默认是不用捕获的。---------->由内向外
------------->inner
------------->outer
区别于xmlhttp.send("GET", url, async:true);--------->表示是否异步async
相关文章
- JavaScript图形实例:像雪花一样的Hexaflake分形
- [转] JavaScript:彻底理解同步、异步和事件循环(Event Loop)
- AMD - Learning JavaScript Design Patterns [Book] - O'Reilly
- 【学习笔记44】JavaScript的事件传播
- 如何选择Javascript模板引擎(javascript template engine)?
- 【JavaScript】重温Javascript继承机制
- 【JavaScript】Javascript中的函数声明和函数表达式
- 【JavaScript】Understanding callback functions in Javascript
- javascript 事件触发
- JavaScript escape encodeURI
- JavaScript的BOM编程,事件-第4章
- JavaScript 模拟键盘事件
- ES6新特性:Javascript中Set和WeakSet类型的数据结构
- 《JavaScript数据可视化编程》——1.2 用折线图来绘制连续数据
- 《JavaScript设计模式》——9.7 Prototype(原型)模式
- 《第三方JavaScript编程》——1.2 第三方JavaScript的用法
- 《21天学通HTML+CSS+JavaScript Web开发(第7版)》——2.4 您要在Web上做什么
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 第 1 章 网络平台
- 浅聊javascript事件
- Javascript事件与功能说明大全
- JS: javascript 点击事件执行两次js问题 ,解决jquery绑定click事件出现点击一次执行两次问题
- javascript事件
- js 手机端触发事事件、javascript手机端/移动端触发事件
- 深入理解JavaScript的闭包特性如何给循环中的对象添加事件
- JavaScript 事件代理实例
- 深入理解JavaScript系列(9):根本没有“JSON对象”这回事!