DOM0级, DOM2级和IE事件处理程序的异同

最新推荐文章于 2022-05-30 10:00:00 发布

前端小菜鸟

最新推荐文章于 2022-05-30 10:00:00 发布

阅读量1.8k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/learninginJAVA/article/details/46348911

版权

JavaScript 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

1. DOM0用 onclick = function() {}和onclick = null绑定.默认在冒泡阶段被处理相当于元素调用自己的属性

2.DOM2级事件处理程序用addEventListener(eventName, handler, boolean)和removeEventListener(同前).

其中参数分别为: 要处理的事件名字, 处理的函数, 布尔值(为true表在捕获阶段调用处理函数.false在冒泡阶段调用.为了兼容,一般都用false)

3. IE事件处理程序用attachEvent(eventName, handler)和detachEvent(同前)

其中参数分别为: 事件处理程序名称, 事件处理函数(因为默认在冒泡阶段捕获,所以没有boolean)

异

1. 添加多个事件时,DOM2级是按事件添加的顺序来执行,IE是反顺序

2. DOM2的eventName没有'on',IE有'on'.例如点击时间.DOM2用click, IE用onclick

3. DOM0级被认为是元素的方法,所以其this引用当前的元素; IE事件处理程序的this等于window

同

1. 都能为同一个元素添加多个事件处理程序

2. 事件处理函数handler为匿名的时候,无法移除事件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端小菜鸟

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

web前端入门到实战：DOM标准与IE的html元素事件模型区别

软件开发-前端开发-IT

10-18

134

事件 HTML元素事件是浏览器内在自动产生的,当有事件发生时html元素会向外界(这里主要指元素事件的订阅者)发出各种事件,如click,onmouseover,onmouseout等等。 DOM事件流 DOM(文档对象模型)结构是一个树型结构，当一个HTML元素产生一个事件时，该事件会在元素结点与根结点之间的路径传播，路径所经过的结点都会收到该事件，这个传播过程可称为DOM事件流。主流浏览器的...

Javascript 事件

qq_42839746的博客

09-14

1145

JavaScript使我们有能力创建动态页面，网页中的每一个元素都可以产生某些触发JavaScript函数的事件。我们可以认为事件是可以被JavaScript侦测到的一种行为。

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

JS中dom0级事件和dom2级事件的区别介绍

11-23

dom0级事件 <a> <button type="button">返回上面进行开通</button> </a> var btn=$('#hash').get(); btn.onclick=function(){ alert(''); }; btn.onclick=function(){ alert(''); }; 像上面把onclick写在标签内，都是dom0级事件，fn和fn1依次执行; 第二种获取元素，绑定onclick事件也是dom0级，第二个会覆盖第一个onclick，也会覆盖行内的onclick，

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

东隅已逝，桑榆非晚。

10-11

9734

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

JS中DOM0级和DOM2级以及IE的区别

王小雨的博客

01-11

971

DOM0级和DOM2级在绑定事件上的区别一、dom0级 1、绑定方式（用html的方式绑定）使用html属性的方式绑定，如果要调用这个函数，这个函数在js中就要处于全局作用域 function queren(data) { alert(data.value) } （用匿名函数的方式绑定） var btn1=documen

DOM0级与DOM2级的区别

anhumi4350的博客

08-30

896

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

【读书笔记】DOM0级 DOM2级 IE三种事件处理程序的区别

helloworld

06-22

437

1、DOM0级事件处理程序： btn.onclick = function () { alert(this.id); } 特点：每个事件只支持一个处理程序。 2、DOM2级事件处理程序(IE9+也支持)，包括addEventListener()和removeEventListener()： var handler = functiont () { alert(this.id

IE和Firefox下event事件杂谈

09-05

本文主要探讨了IE和Firefox在处理`event`事件对象时的异同。在IE4+中，`event`对象作为全局变量，可以直接通过`window.event`访问，用于获取和操作事件信息。而在Firefox和其他遵循W3C标准的浏览器中，`event`对象...

深入分析JQuery和JavaScript的异同

10-25

总结来说，JQuery通过提供更简洁的API和更高级的功能，简化了JavaScript中的DOM操作，同时在事件处理和属性访问上做了优化。然而，这带来了与原生JavaScript的差异，开发者需要了解这些异同以便更好地在项目中选择和...

微信小程序和普通页面得区别

weixin_54904533的博客

05-06

791

小程序简介小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序技术发展史小程序并非凭空冒出来的一个概念。当微信中的 WebView 逐渐成为移动 Web 的一个重要入口时，微信就有相关的 JS API 了。小程序与普通页面得区别小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序的开发成本并不高，但是二者还是有些许区别的。网页开发渲染线程

Dom0级和Dom2级的区别在哪里

欢迎来到动感地带

06-12

5692

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

JavaScript--DOM0事件与DOM2级事件的区别

m0_51651340的博客

05-30

193

1.DOM0事件 1.1事件绑定会有覆盖的问题，下边的代码会把上边的覆盖住 1.2两种写法 1.2.1 onclick=function(){} 1.2.2 标签内写onclick事件 2.DOM2事件 2.1 可绑定多个事件click，都执行并且依次执行。 2.2 原生有两个方法用来添加和移除事件处理程序：addEventListener和removeEventListener(). 2.3 持绑定多个函数：只有三个参数相同时, 才会处理称重复绑定, 这个时候就不往事件池里添加了. 2.

DOM 0级事件与DOM 2级事件的区别

m0_63574519的博客

05-25

425

事件由子级传向父级称之为事件冒泡。 e.stopPropagation（）；阻止冒泡。事件由父级向子级传递称之为事件捕获。 e.preventDefault（）；阻止默认。

我之见于Javascript中DOM0级处理和DOM2级处理事件的区别

pythonniu的博客

01-18

818

1.Dom0级处理事件把一个函数赋值给一个事件处理程序属性例子： Hello test var btn1=document.getElementById("btn"); btn1.onclick=function (){ alert("This is a DOM0 Delay thing"); } 特性： Hello test v

Dom0和Dom2区别

weixin_30647065的博客

12-21

240

DOM0级事件元素绑定多个click最后只执行最后一个click。 DOM2级事件元素绑定多个click，都要执行注意当绑定的多个事件名，函数名，事件发生阶段三者完全一样时，才执行最后一个 div.addEventListener("click",fn1,false) div.addEventListener("click",fn1,false) 第二参数尽量不要使用匿名函数区别 ...

DOM0与DOM2的区别

jingjingyouxiu的博客

05-25

412

DOM0事件绑定的特点：只有DOM元素天生拥有这个私有属性（onxxx事件私有属性），我们赋值的方法才叫事件绑定，否则属于设置自定义属性移除事件绑定的时候，我们只需要赋值为null；在DOM0事件绑定中，只能给当前元素的某一个事件行为绑定一个方法，绑定多个方法，最后一次的绑定的会替换前面绑定的。 DOM2事件绑定的特点：所有DOM0支持的行为，DOM2都可以用，DOM2还支持DOM0没有的事件行为【浏览器会把一些常用事件挂载到元素对象的私有属性上，让我们可以实现DOM0事件绑定，DOM2：

原生JavaScript事件详解

weixin_33834679的博客

12-28

313

JQuery这种Write Less Do More的框架，用多了难免会对原生js眼高手低。小菜其实不想写这篇博客，貌似很初级的样子，但是看到网络上连原生js事件绑定和解除都说不明白，还是决定科普一下了。首先声明，小菜懂的也不是很多，只是把我的思路和大家分享一下。 DOM0事件模型事件模型在不断发展，早期的事件模型称为DOM0级别。...

DOM0级事件和DOM2级事件

weixin_44613328的博客

11-09

190

DOM0级事件 //通过事件绑定的形式，dom元素只能有一个事件处里函数，这种事件叫做DOM0级事件 var oBox = document.getElementById("box") oBox.onclick = function(){ console.log("此事件被覆盖不会执行"); } oBox.onclick = function(){ console.log("我执行...

JavaScript高级编程：事件流与处理程序详解

- **DOM2级事件处理程序**：`addEventListener()`和`removeEventListener()`方法的引入，允许动态添加和移除事件处理程序，提供了更大的灵活性，同时事件处理函数与元素关联，`this`指向元素本身。文章强调了不同...