DOM事件处理有三个阶段

DOM事件处理有三个阶段：

捕捉阶段（capture phase）：从最上层元素，直到最下层（你点击的那个target）元素。路过的所有节点都可以捕捉到该事件。
命中阶段（target phase）：如果该事件成功到达了target元素，它会进行事件处理。
冒泡阶段（bubbling phase）：事件从最下层向上传递，依次触发父元素的该事件处理函数

在任意一个阶段的事件处理函数中，都可以通过调用event.stopPropagation来中断事件流，后续的阶段将不会被调用。

其实return false做了三件事：

stopPropagation()：阻止事件传播
preventDefault()：禁止浏览器默认行为，比如<a>标签被点击后页面会跳转
立即结束当前函数并返回，当然。

转载于:https://www.cnblogs.com/xiaotaiyang/p/5222974.html

DOM事件处理有三个阶段相关推荐

DOM事件流三个阶段
DOM事件流三个阶段 <!DOCTYPE html> <html lang="en"><head><meta charset=" ...
JavaScript高级程序设计 DOM事件处理读书笔记
1.IE 不支持事件的捕获. 2.事件捕获阶段不触发事件. 3.冒泡阶段触发事件. 4.html中处理事件 (1)<input type="button" οnclick ...
理解DOM事件流的三个阶段 - Lxxyx的开发笔记 - SegmentFault 思否
本文主要解决两个问题: 什么是事件流 DOM事件流的三个阶段起因在学习前端的大半年来,对DOM事件了解甚少.一般也只是用用onclick来绑定个点击事件.在寒假深入学习JavaScript时,愈发 ...
深入理解DOM事件机制
前言本文主要介绍: DOM事件级别 DOM事件流 DOM事件模型事件代理 Event对象常见的方法和属性一.DOM事件级别针对不同级别的DOM,我们的DOM事件处理方式也是不一样的. DOM级 ...
webkit事件处理
1,概述原文地址:http://blog.csdn.net/awebkit/article/details/8493716 浏览器处理事件一般有两个过程,捕获过程和冒泡过程,这是由addEventL ...
JavaScript之DOM学习笔记
目录 1.DOM简介 1.1.什么是DOM 2.获取元素 2.1.如何获取页面元素 2.2.根据ID获取 2.3.根据标签名获取 2.4.通过H5新增方法获取 3.事件基础 3.1.事件概述 3.2. ...
JavaScript基础知识之DOM
文章目录一.web APIs 1.JS的组成 2.API 3.DOM 二.DOM 1.DOM简介 2.DOM树 3.获取元素 4.事件基础 5.操作元素 6.节点操作三.事件高级 1.元素注册事件 ...
【JS】DOM事件模型
DOM事件模型主要包含4个方面的内容,分别是: 事件流主流浏览器的事件模型事件对象注册与移除事件监听器下面一一了解下: 首先,什么是DOM?文档对象模型(DOM)是表示文档(比如HTML和XM ...
JavaScript Bom和Dom
JavaScript Bom和Dom这一篇就够啦 JavaScript Bom和Dom 1.Web API 基本认知 2.DOM -- 基础 2.1 DOM简介 2.2 获取元素 2.3 事件基础 2 ...

DOM事件处理有三个阶段

DOM事件处理有三个阶段相关推荐

最新文章

热门文章