标准浏览器事件模型和IE事件模型的区别

最新推荐文章于 2024-06-22 17:01:14 发布

KK要继续努力

最新推荐文章于 2024-06-22 17:01:14 发布

阅读量404

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_45393020/article/details/117250539

版权

前端专栏收录该内容

50 篇文章 0 订阅

订阅专栏

标准浏览器事件模型和IE事件模型的区别

标准浏览器事件模型指addEventListener事件，IE事件模型指的是attachEvent事件。标准浏览器事件模型和IE浏览器事件模型一共有5种区别，分别为：

适用的浏览器不同：标准浏览器事件模型适用于Chrome、Firefox、IE9及其以上、Safari、Opera等浏览器，IE浏览器事件模型只适用于IE7、8
参数数量不同：标准浏览器事件模型有3个参数（第3个参数判断是捕获还是冒泡），IE事件浏览器模型只有2个参数，所以事件捕获阶段有兼容性问题
this指向不同：标准浏览器事件模型的this指向触发该事件函数的对象，IE浏览器事件模型的this指向window
事件函数执行顺序不同：标准浏览器事件模型事件是正序执行，而IE浏览器事件模型在IE中为正序，在其他浏览器中是倒序执行
事件名称不同：标准浏览器事件模型的事件名称没有on，IE浏览器事件模型的事件名称有on

问题：标准浏览器事件模型和IE事件模型的区别？addEventListener与attachEvent的区别？
知识点：浏览器事件模型

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

KK要继续努力

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

事件模型在各浏览器中存在差异

09-05

例如，Internet Explorer（尤其是版本6、7、8）采用了非标准的`attachEvent`和`detachEvent`方法来添加和移除事件处理程序，而其他现代浏览器如Chrome、Safari、Firefox则遵循W3C标准，只支持`addEventListener`和`...

IE盒模型和标准盒模型

weixin_57153112的博客

07-21

2603

IE盒模型和标准盒模型

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

IE盒模型和标准盒模型的区别

qq_46617584的博客

05-17

2258

在以前IE5.5以及更早的IE浏览用的不是标准盒模型，我们称之为IE盒模型。先说重要的区别：两者的区别在于content的不同， IE盒模型：width=content+border+padding 标准盒模型：width=content box-sizing:border-box || content-box || inherit 当使用content-box时：页面将采用标准模式来解析计算，content-box也是默认模式当使用border-box时，页面将采用怪异模式解

标准模型和IE模型的区别

超胆孤侠

09-16

2420

今天实际操作时候，突然很疑惑，每一个块的width到底指的是什么。我以前学过，但是忘记了。 width是指内容的宽度可以设置box-sizing：border-box；设置为IE盒子模型，来避免盒子被padding撑破 box-sizing：在CSS中盒模型被分为两种，第一种是w3c的标准模型，另一种是IE的传统模型，它们相同之处都是对元素计算尺寸的模型，具体说不是对元

深入分析IE事件模型

qq_35370002的博客

05-15

420

IE事件模型绑定事件 target.attachEvent('onclick',fn); 事件解绑 target.attachEvent('onclick',fn); target：表示目标元素 attachEvent中第一个参数接收事件名称，需要on前缀第二个参数回调函数，事件触发时执行解绑时需要传入绑定时绑定的函数才能正确解绑 IE事件模型与标准事件模型的区别事件模型绑定方式不同 IE使用attachEvent()，标准模型使用addEventListener()，且除IE浏览器外的主

标准盒子模型与IE盒子模型的区别

wzb的博客

12-15

766

标准盒模型又称为W3C盒子模型，盒子模型的宽度指的是content，标准盒子对应的css属性box-sizing: content-box;IE盒子模型的宽度包括content，padding，border；对应的css属性box-sizing: border-box;

IE盒子模型和标准W3C盒子模型

12-09

`可以使元素的宽度和高度包括边框和内边距，使其更接近IE模型，但依然保持标准W3C模型的解析一致性。总之，理解盒子模型对于CSS布局至关重要，而选择标准W3C模型并确保其正确应用，可以保证网页在不同浏览器上的...

js学习笔记之事件处理模型

11-29

在各种浏览器中存在四种事件模型：原始事件模型、标准事件模型、IE事件模型，还有一种Netscape4事件模型，下面具体介绍一下。 1、目前共存在四种事件处理模型分别是：原始事件模型、标准事件模型、IE事件模型，还有...

javascript事件捕获机制【深入分析IE和DOM中的事件模型】

10-20

本文将深入解析JavaScript中的事件捕获机制，并结合实际的例子讲解事件冒泡原理和不同浏览器（特别是IE和DOM标准）中的事件模型。首先，我们需要理解什么是事件冒泡。事件冒泡是指当一个元素上的事件被触发后，该...

【CSS】标准盒模型和IE盒模型（box-sizing:border-box）

y_coder的博客

05-22

2345

换句话说，边框和内边距的尺寸会从元素的内容区域中减去，使得内容区域的尺寸保持不变。例如，如果一个元素的宽度设置为200px，内边距设置为10px，边框设置为5px，那么元素的内容区域的宽度将为200px - 2 * 10px - 2 * 5px = 170px。content-box 是 CSS 盒子模型的默认值，因此在不指定盒子模型属性时，浏览器会默认使用 content-box 来计算盒子的宽度和高度。在Web开发中，每个元素都被视为一个矩形的盒子，由内容区域、内边距、边框和外边距组成。

标准盒子模型和IE盒子模型的区别

菜鸟的博客

03-30

3571

标准盒子模型在标准模型中，如果你给盒设置 width 和 height，实际设置的是 content box。 padding 和 border 再加上设置的宽高一起决定整个盒子的大小。见下图。假设定义了 width, height, margin, border, and padding: .box { width: 350px; height: 150px; margin: 25px; padding: 25px; border: 5px solid black; } 如果.

【基础类】—CSS盒模型的全面认识

m0_37616866的博客

08-04

912

全面理解盒模型以及BFC

理解标准盒模型与IE（替代）盒模型的区别

最新发布

你若盛开，清风自来

06-22

1010

本文将介绍CSS中的标准盒模型和IE（替代）盒模型的概念及区别，帮助开发者更好地理解和应用这些概念，从而提高网页设计的准确性。本文介绍了CSS中的标准盒模型和IE（替代）盒模型的概念及区别。理解这两种盒模型的区别对于开发者来说至关重要，可以帮助他们更好地设计和布局网页。

JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)

LYFlied的博客

03-28

2668

事件与事件流事件模型 DOM0级模型 IE事件模型 DOM2级模型 DOM3级事件处理方式事件对象事件绑定与解除事件绑定对象.on事件名字=事件处理函数对象.addEventListener("没有on的事件名字",事件处理函数,false) 对象.attachEvent("有on的事件名字",事件处理函数); Event Wrapper 自定义事件 JQuery Event模型 JS事件模型-观察者模式代码例子(通用事件绑定&事件冒泡&代理) 1. 通用事件绑定 2.事件冒泡 3.代理

深入理解IE事件模型与DOM事件模型

ksgimi

04-14

532

来源：http://qiqicartoon.com/?p=816 事件模型对于javascript程序员来说太重要了！如果你的javascript中找不到attahEvent或addEventListener的话，那我觉得真的有点太荒唐了（某些项目应该没有事件驱动）。毫无疑问深入理解事件模型将使你的工作事半功倍！其实理解事件模型倒也不是很困难，困难之处在于事件模型之前的兼容性！说到这里不...

标准盒模型和ie盒模型

链珠的博客

11-29

3356

当对一个文档进行布局时，浏览器会对css 基础框盒模型，将所有元素表示为一个个的矩形盒子。一个盒子由content、padding、 border、margin组成。 <style> .box { width: 200px; height: 100px; padding: 20px; background: pink; } </style> .

标准事件模型和IE事件模型

hcy48的博客

04-18

621

在浏览器解析事件的时候，有两种触发方式，一种叫做Bubbling(冒泡)，另外一种叫做Capturing(捕获)。这里不做过多解释这里分析三种绑定事件模式1、 Traditional Module传统方式的事件模型即直接在DOM元素上绑定事件处理器，例如—window.onload=function(){…}obj.onmouseover=function(e){…}obj.onclick=func

标准盒子模型和IE盒子模型