Javascript 的addEventListener()及attachEvent()区别分析

最新推荐文章于 2025-09-13 23:06:41 发布

转载最新推荐文章于 2025-09-13 23:06:41 发布 · 76 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1052786/blog/904066

文章标签：

#python #javascript #ViewUI

本文详细对比分析了Javascript中addEventListener()和attachEvent()两种事件监听方法的区别。通过具体实例讲解这两种方法在不同浏览器中的表现和使用场景。

2019独角兽企业重金招聘Python工程师标准>>>

Javascript 的addEventListener()及attachEvent()区别分析

转载于:https://my.oschina.net/u/1052786/blog/904066

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34292402

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

javascript attachEvent和addEventListener 使用方法

DGenerationX的专栏

12-23

3016

javascript attachEvent和addEventListener 使用方法2007年06月13日星期三 09:50 attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列） addEventListe

IE 对象不支持“addEventListener”属性或方法

热门推荐

蓝影灵的博客

08-24

1万+

IE 对象不支持“addEventListener”属性或方法解决方法： 1，请查看你使用的jquery版本； 2，jQuery 2.x 不支持IE9以下的IE浏览器，jQuery 1.x版支持IE6/7/8 https://www.jb51.net/zt/jquerydown.htm 请选择jQuery 1.x ...

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

[JavaScript]onclick、addEventListener、attachEvent详解

2301_82243710的博客

06-24

510

/引入切换也不会太多递归卡死}, false);IE 实现了与 DOM2级中类似的两个方法： attachEvent() 和 detachEvent()。这两个方法接受相同的参数：事件名称和函数。attachEvent() 的使用和 W3C 规范的 addEventListener() 使用较为相似，detachEvent() 可以解除使用 attachEvent() 绑定的事件处理函数。例：});});

Javascript中addEventListener和attachEvent的区别

weixin_30908649的博客

07-15

185

在利用javascript为DOM Element添加事件处理程序时，如果要想下兼容IE6，7时，就不得不考虑addEventListener与attachEvent的异同。 1.首先说下addEventListener，现在IE9+,chrome,firefox等都支持。所有的DOM节点包含addEventListener,并且接受3个参数： HTMLElement.addEventLi...

Javascript addEventListener和attachEvent的区别

Lucky_LXG的博客

01-16

641

Javascript addEventListener和attachEvent的区别首先，Javascript有3种绑定事件监听的方法： 1 div onclick="alert("事件绑定成功了！")">事件绑定Demodiv> 1 2 3 4

javaScript事件监听addEventListener和attachEvent的兼容性和区别

小福气的博客

07-07

261

if(div1.attachEvent){ //在IE7 8 执行 div1.attachEvent("onclick",fn1) div1.attachEvent("onclick",fn2) div1.attachEvent("onclick",fn3) //注：输出结果是fn1 fn2 fn3 }else{ //在非IE7 8 执行 div1.addEventListen...

addEventListener和attachEvent的区别（转载）

qq_35859392的博客

10-23

1216

attachEvent 与addEventListener到底有什么区别呢？总结如下：一、适应的浏览器版本不同 attachEvent——兼容：IE7、IE8；不兼容firefox、chrome、IE9、IE10、IE11、safari、opera addEventListener——兼容：firefox、chrome、IE、safari、opera；不兼容IE7、IE8 ...

JavaScript中的attachEvent和addEventListener

weixin_30945039的博客

12-09

324

attachEvent和addEventListener在前端开发过程中经常性的使用，他们都可以用来绑定脚本事件，取代在html中写obj.onclick=method。相同点：　　它们都是dom对象的方法，可以实现一种事件绑定多个事件处理函数。 obj = document.getElementById("testdiv"); obj.onclick=function(){ale...

javaScript----------addEventListener和attachEvent

m0_52568702的博客

08-04

202

为元素绑定事件为元素绑定事件有三种方法: 对象.事件=事件处理函数;-------->只能为函数绑定一个事件 addEventListener(“事件类型”,事件处理函数,false) attachEvent(“on事件类型”,事件处理函数) 为元素绑定多个事件前提引入:小明小黑和小苏均按照第一种方法写了三个js文件对同一个元素绑定点击事件 <input type="button" value="创建元素" id="btn"> <script> var bt

javascript attachEvent和addEventListener使用方法

10-30

本知识点将介绍 JavaScript 中两种常用的方法：attachEvent 和 addEventListener，以及它们在不同浏览器中的应用和区别。首先，attachEvent 方法是早期 Internet Explorer 浏览器引入的事件监听方法，它的语法是：...

浅谈addEventListener和attachEvent的区别

09-02

在JavaScript中，处理DOM事件监听有两个主要的方法：`addEventListener` 和 `attachEvent`。这两个方法在功能上相似，但存在一些关键的区别，特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准...

Python的f格式

lmf666的博客

09-11

1000

你的语句print(f"已发送请求: {a} + {b}")可以通俗地理解为：“打印一句话。这句话的内容是‘已发送请求: ’，然后紧接着把变量a的值放这里，再放一个加号 ‘+’，再然后把变量b的值放这里。这种的格式是当今 Python 世界最主流、最推荐的字符串格式化方式，因为它写起来最自然，读起来最清晰。希望你以后多多使用它！

【完整源码+数据集+部署教程】交通工具图像分割系统： yolov8-seg-C2f-RFCAConv

最新发布

weixin_43860634的博客

09-13

752

【完整源码+数据集+部署教程】交通工具图像分割系统： yolov8-seg-C2f-RFCAConv

知识图谱——图数据库与项目构建

renjt01的博客

09-10

604

知识图谱——图数据库与项目构建一、图数据库 1.Neo4j 2.neo4j使用 3.创建节点 4.创建关系 5.删除所有节点和关系 6.效果展示二、知识问答项目构建 1、前端构建 2、大模型进行问题分类和命名实体识别 3、python操作neo4j数据库 4、后端构建

【Python】数据容器通用操作完全指南

Hy_g_g_e_的博客

09-10

771

Python数据容器（如列表、元组、字符串、集合、字典等）支持多种通用操作，包括成员检测（in/not in）、长度判断（len()）、布尔判断（空容器为False）、迭代遍历（for循环、enumerate()、zip()）、比较操作（==、<）、复制操作（浅拷贝/深拷贝）以及类型转换（list()、tuple()等）。这些通用操作能提高编程效率，适用于各种常见场景，如数据验证、输入处理、数据转换等。掌握这些通用方法可以更灵活地处理不同类型的数据容器。

Python爬虫实战：研究GUI 可视化界面，构建电商数据采集和分析系统

ylfhpy的博客

09-11

371

本文设计并实现了一个基于 Python 的爬虫数据分析系统，该系统整合了网络爬虫、数据处理、数据分析和数据可视化功能，通过直观的 GUI 界面为用户提供了从数据获取到分析决策的一站式解决方案。切换到 "数据可视化" 标签页，选择 "柱状图"，X 轴选择 "category"，Y 轴选择 "price"，点击 "绘制图表"，可以看到不同类别商品的价格对比。可视化模块实现了多种常见图表的绘制功能，包括折线图、柱状图、散点图、直方图、饼图和相关性热力图等，并支持图表的交互操作和保存功能。

*args和**kwargs的实际应用解析

weixin_56840471的博客

09-11

339

args和**kwargs*args处理‌无名参数‌（元组），‌**kwargs处理**‌命名参数**（字典）。两者常结合使用以实现高度灵活的函数接口，如装饰器或继承中的参数传递。

详解JavaScript addEventListener与attachEvent的区别与用法

本文主要分析了JavaScript中的两个关键事件处理方法：addEventListener()和attachEvent()，这两个方法在不同的浏览器环境中有显著的差异。在Mozilla（主要是Firefox）浏览器中，addEventListener()是推荐使用的API...