dom事件流

阅读更多关于 DOM事件流

1.事件流概念：事件流描述是从页面中接受事件的顺序。事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流。比如我们给div注册了点击事件： DOM事件流分为3个阶段：1.捕获阶段。2，当前目标阶段。3.冒泡阶段事件冒泡：IE最早提出，事件开始时由具体的元素接受，然后逐级向上传播到DOM最顶层节点的过程。事件捕获：网景最早提出，由DOM最顶层节点开始，然后逐级向下传播到具体的元素接受的过程。 eg: 来源： https://www.cnblogs.com/zhengyulu/p/11751870.html

JS基础-DOM

阅读更多关于 JS基础-DOM

DOM DOM 事件的级别 DOM 事件模型 DOM 事件流 DOM 事件捕获的具体流程 Event 对象的常见应用自定义事件 DOM概述 | MDN DOM | MDN DOM操作 DOM事件级别 DOM0 onXXX类型的定义事件 element.onclick = function(e) { ... } DOM2 addEventListener方式 element.addEventListener('click', function (e) { ... }) btn.removeEventListener('click', func, false) btn.attachEvent("onclick", func); btn.detachEvent("onclick", func); DOM3 增加了很多事件类型 element.addEventListener('keyup', function (e) { ... }) eventUtil 是自定义对象，textInput 是 DOM3 级事件 DOM 事件模型捕获从上到下，冒泡从下到上。先捕获，再到目标，再冒泡 DOM事件流 DOM标准采用捕获+冒泡。两种事件流都会触发DOM的所有对象，从window对象开始，也在window对象结束。 DOM标准规定事件流包括三个阶段：事件捕获阶段处于目标阶段事件冒泡阶段

DOM事件流

阅读更多关于 DOM事件流

事件发生时会在元素节点之间按照特定的顺序传播，这个传播过程即DOM事件流注意：　　1.JS 代码中只能执行捕获或者冒泡其中的一个阶段　　2.onclick 和 attachEvent 只能得到冒泡阶段　　3.addEventListener（type,listener[,useCapture]) 第三个参数是 true ，那么处于捕获阶段，　　　执行顺序：document -> html -> body -> father-> son 　　　案例：先弹出 father 再弹出 son 　　　son.addEventListener('click',function(){ 　　　　　alert('son'); 　　　},true)；　　　father.addEventListener('click',function(){ 　　　　　alert('father'); 　　　},true)；　　4.冒泡阶段如果addEventListener 第三个参数是 false 或者省略，那么处于冒泡阶段　　执行顺序：son -> father -> body -> html -> document 　　　案例：先弹出 son 再弹出 father 　　 son.addEventListener('click',function(){ 　　　　　alert('son')

关于DOM事件流、DOM0级事件与DOM2级事件

阅读更多关于关于DOM事件流、DOM0级事件与DOM2级事件

一、linux系统下有多个文件目录，每个文件目录都有其独特的功能和作用 /bin 存放普通用户可以使用的指令。 /usr 这个目录中包含了命令库文件和在通常操作中不会修改的文件，其地位类似Windows上面的”Program Files”目录（安装程序的时候，默认就是安装在此文件内部某个子文件夹内。输入命令后系统默认执行/usr/bin下的程序。 /etc 全局的配置文件存放目录。存放系统和软件的配置。 /boot 引导程序，内核等存放的目录。二、JavaScript实现继承的方式 1、原型链继承 2、构造函数继承 3、组合继承 4、原型式继承 5、寄生式继承 6、寄生组合式继承三、html5 WebSocket 　　WebSocket是HTML5新增的协议，它的目的是在浏览器和服务器之间建立一个不受限的双向通信通道，比如说，服务器可以在任意时刻发送消息给浏览器。　　为什么传统的HTTP协议不能做到WebSocket实现的功能，这是因为HTTP协议是一个请求—响应协议，请求必须先由浏览器发给服务器，服务器才能响应这个请求，再把数据发送给浏览器。换句话说，浏览器不主动请求，服务器是没法主动发数据给浏览器的。　　也有人说，HTTP 协议其实也能实现啊，比如用轮询或者 Comet。　　轮询是指浏览器通过 JavaScript 启动一个定时器，然后以固定的间隔给服务器发请求

关于DOM事件流、DOM0级事件与DOM2级事件

阅读更多关于关于DOM事件流、DOM0级事件与DOM2级事件

一、DOM 事件模型 DOM 事件模型包括捕获和冒泡，捕获是从上往下到达目标元素，冒泡是从当前元素，也就是目标元素往上到 window 二、流流的概念，在现今的 JavaScript 中随处可见。比如说 React 中的单向数据流，Node 中的流，还有 DOM 事件流，都是流的一种生动体现。至于流的具体概念，用术语说流是对输入输出设备的抽象。以程序的角度说，流是具有方向的数据。三、事件流浏览器在为当前页面与用户做交互的过程中，比如点击鼠标左键，会出现这个左键是怎么传到页面上，还有怎么响应的问题。事件流所描述的就是从页面中接受事件的顺序，事件流分为两种：事件冒泡（主流）和事件捕获 1、事件冒泡事件开始时由具体元素接收，然后逐级向上传播到父元素举个例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Event Bubbling</title> </head> <body> <button id="clickMe">Click Me</button> </body> </html> 我们给 button 和它的父元素，加入点击事件 var button = document.getElementById('clickMe'); button.onclick = function