事件

最新推荐文章于 2023-03-14 15:47:50 发布

kalinara

最新推荐文章于 2023-03-14 15:47:50 发布

阅读量266

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： DOM2级事件事件流事件冒泡流事件捕获流

本文链接：https://blog.youkuaiyun.com/kalinara/article/details/75010600

JavaScript 专栏收录该内容

45 篇文章

订阅专栏

【DOM2级事件模块】

js与html之间通过事件实现交互。
事件就是用户or浏览器执行的某种动作。

【事件流】

事件流：描述的是从页面中接收事件的顺序。

IE事件流：指事件冒泡流
NetScape事件流：指事件捕获流

事件冒泡流（自底向上）

（IE5.5及更早版本，直接从<body>跳到document
IE9、firefox、chrome、safari会冒泡到window对象）

事件捕获流（自顶向下）
为了在事件到达预定目标之前捕获它

事件捕获流
（IE9、firefox、chrome、safari从window对象开始捕获事件）

【DOM2级事件规定的事件流】

3个阶段：

    1.事件捕获阶段（为捕获事件提供机会）1 --> 3
    2.处于目标阶段（目标接收到事件）4
    3.事件冒泡阶段 (对事件做出响应）4 --> 7

DOM2级事件规定的事件流

虽然“DOM2级事件”规定捕获阶段不涉及目标，但IE9、firefox、chrome、safari、opera9.5+ 会在捕获阶段触发目标上的事件。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

kalinara

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

西门子200PLC的中断事件号；

06-04

西门子200PLC的中断事件号；仅供参考；

JavaScript动态添加事件之事件委托

11-23

JavaScript动态添加事件，特别是事件委托，是前端开发中一种高效且灵活的事件处理方式。事件委托的基本思想是将事件监听器绑定到一个父级元素，而不是直接绑定到每个子元素，尤其是那些动态创建的子元素。这是因为...

参与评论您还未登录，请先登录后发表或查看评论

Dom0级和Dom2级的区别在哪里

欢迎来到动感地带

06-12

5840

一、共同的优点 1、DOM0级和DOM2级的共同优点：能添加多个事件处理程序，按顺序执行，HTML事件处理程序无法做到~ 二、区别 2、关于dom0级和dom2级的区别 DOM0级事件处理：同时绑定几个不同的事件，例如在绑定onclick的基础上, 再绑定一个onmouseover为按钮2设置背景颜色（这里注意onclick、onmouseover事件不能都设为alert弹出哦，可能会有冲突，造成dom0和dom2都不能成功）；但是不能同时绑定多个相同的事件，比如onclick；

React 发布-订阅机制实现组件间信息通信 3

不想写代码的程序猿

10-28

373

在上一篇文章里介绍了PubSubJs的使用，其核心思想是发布-订阅模式。本篇继续介绍React中可以使用此模式的另一个案例 EventEmitter。EventEmitter 的核心就是事件触发与事件监听器功能的封装。 EventEmitter 的每个事件由一个事件名和若干个参数组成，事件名是一个字符串，通常表达一定的语义。对于每个事件，EventEmitter 支持若干个事件监听器。当事件触发时，注册到这个事件的事件监听器被依次调用，事件参数作为回调函数参数传递。 1. 安装 npm insta.

DOM 2 级事件的认识

weixin_52398973的博客

03-14

297

DOM中的事件是一个很中要的东西，它可以让用户和浏览器之间进行交互，以此来实现人机交互效果。

JavaScript DOM0、DOM2级事件简述

Acmera-播客分享

12-07

2802

JavaScript DOM0、DOM2级事件简述

DOM编程（三）

qq_46454139的博客

05-05

229

文章目录前言一、DOM事件绑定二、使用步骤1.引入库2.读入数据总结前言本片笔记主要讲解DOM常用事件的绑定和学习，并会在后面配有练习案例一、DOM事件绑定 DOM事件分为也分级别，常听见的就是0级、1级、2级和3级了。这里我们只讲0级和2级。（其实是老师只讲了0级和2级，然后我看网上关于DOM级别的描述都很官方的专业术语那种，实在看着头疼，所以还是不放出来误导大家了）好了，下面让我们开始了解一下关于DOM不同级别的事件绑定 DOM0级别事件绑定 DOM0级的事件绑定被所有浏览器所兼容。主要分为H

stata事件研究法代码，案例，多个事件日

最新发布

04-09

事件研究法代码，已进行注释解决一个公司在样本期内发生多次事件、多个事件日的情况原始数据采用2018年1月1日—1月6日上市公司公告事件数据进行模拟，亲测没问题以及常见一个公司一个事件的相关资料

javascript 中事件冒泡和事件捕获机制的详解

01-19

javascript 中事件冒泡和事件捕获机制的详解二者作用：描述事件触发时序问题事件捕获：从document到触发事件的那个节点，即自上而下的去触发事件—由外到内事件冒泡：自下而上的去触发事件—由内到外绑定事件...

JavaScript 事件流、事件处理程序及事件对象总结

10-20

在Web开发中，JavaScript事件是实现用户界面交互的核心机制。通过JavaScript与HTML之间的交互，可以响应用户的操作，如点击、按键、页面加载等各种行为。为了处理这些交互，需要对事件流、事件处理程序及事件对象有...

事件冒泡和事件捕获

weixin_30532759的博客

03-14

250

事件冒泡或事件捕获？事件传递有两种方式：冒泡与捕获。事件传递定义了元素事件触发的顺序。如果你将 <p> 元素插入到 <div> 元素中，用户点击 <p> 元素, 哪个元素的 "click" 事件先被触发呢？在冒泡中，内部元素的事件会先被触发，然后再触发外部元素，即： <p> 元素的点击事件先触发，然后会触发 <div> ...

DOM0、DOM2、DOM3 事件

csdssdn的博客

08-01

1641

鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。DOM级别一共可以分为4个级别DOM0级，DOM1级，DOM2级和DOM3级，而DOM事件分为3个级别DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。如下图所示以上代码我们通过直接在HTML代码里定义了一个onclick的属性触发showFn方法，这样的事件处理程序最大的缺点就是HTML于JS强耦合，我们一旦需要修改函数名就得修改两个地方。.........

堆

ACUPOFICE的博客

02-24

303

优先队列优先队列能完成以下操作插入一个数值取出最小（最大）的值（获取数值，并弹出/删除）能够使用二叉树高效地解决上述问题的，是一种叫做堆的数据结构。堆堆总是满足下列性质堆中某个结点的值总是不大于（或不小于）其父节点的值堆总是一棵完全二叉树完全二叉树若设二叉树的深度为h，除了第h层以外，其他各层的结点数都达到最大个数，第h层所有的节点都连续集中在左边。 ...

DOM二级事件

qq_45783949的博客

07-20

643

DOM2级事件处理程序添加事件监听器：addEventListener(事件名，处理函数，布尔值) 移除事件监听器：removeEventListener(事件名) IE下的事件监听器：attachEvent(事件名，处理函数)， detachEvent(事件名，处理函数) DOM二级事件添加事件监听器对同一事件可添加两个以上函数，去掉on清除事件监听事件监听子父级（默认冒泡）事件监听子父级捕获事件监听 IE版（js关键代码）事件监听兼容版添加事件监听器对同一事件可添加两个以上.

DOM2级事件

[暂停使用]任先阳

03-04

304

对象形式的handler、对象形式的EventListenerOptions window.addEventListener(type,handler,EventListenerOptions) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &...

javaScript——DOM1级，DOM2级，DOM3级

weixin_30646505的博客

06-23

593

DOM0，DOM2，DOM3事件处理方式区别：http://www.qdfuns.com/notes/11861/e21736a0b15bceca0dc7f76d77c2fb5a.html JS中dom0级事件和dom2级事件的区别介绍：http://www.jb51.net/article/83602.htm 转载于:https://www.cnblogs.com/yancongyang/p/...

Js中ｄｏｍ0级事件与dom2级事件浅谈

东隅已逝，桑榆非晚。

10-11

9820

其实，就w3c标准来说，并没有0级ｄｏｍ的标准。只不过，事实上的适用总会成慢慢成为约定成俗的规则。所谓的0级ｄｏｍ与２级ｄｏｍ事件就是不同版本间的差异，具体的说就是，对于不同的ｄｏｍ级别，如何定义事件处理，以及使用时有什么不同。　　我们对于事物的认识过程，总是要先知道它叫什么名字，然后了解它是干什么的，接着学习如何使用，最后，去搞明白实现原理。首先，我们要谈的是ｄｏｍ事件，它是用来处理ｈｔｍｌ中

DOM0级和DOM2级事件

weixin_34124577的博客

02-26

261

DOM0级事件和DOM2级事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"&

DOM2级样式

Blog

08-21

348

一、常用方法 1.确定文档的归属窗口： varparentWindow=document.defaultView||document.parentWindow//IE 2.用于确定当前节点具有什么能力（建议使用能力检测） Document.body.isSupported(); Document.implementation.hasFeature(); 接收两个参数：特性名和版本号

C#委托和事件使用详解

委托和事件是C#编程语言中的核心概念，它们是实现软件解耦合和事件驱动编程的基石。本篇文章将详细介绍C#中的委托和事件机制，以及它们的具体使用方法。委托（Delegate）在C#中是一种可以引用方法的引用类型。它...