`
lwp11411
  • 浏览: 22040 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多

Mozilla中:

addEventListener的使用方式:

target.addEventListener(type, listener, useCapture);

target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);

IE中:

target.attachEvent(type, listener);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});

W3C 及 IE 同时支持移除指定的事件, 用途是移除设定的事件, 格式分别如下:

W3C格式:

removeEventListener(event,function,capture/bubble);

Windows IE的格式如下:

detachEvent(event,function);

分享到:
评论

相关推荐

    浅谈addEventListener和attachEvent的区别

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

    javascript attachEvent和addEventListener使用方法

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

    attachEvent和addEventListener 使用方法

    在JavaScript中,`...以上就是关于 `attachEvent` 和 `addEventListener` 的使用方法及其区别的详细介绍,它们在JavaScript事件处理中起着至关重要的作用。正确理解和使用这些方法可以提高代码的健壮性和兼容性。

    addEventListener和attachEvent二者绑定的执行函数中的this不相同

    在JavaScript中,`addEventListener`和`attachEvent`都是用于向元素添加事件监听器的方法,但它们之间存在一些关键差异,特别是在处理`this`关键字时。`addEventListener`是W3C标准的一部分,被大多数现代浏览器支持...

    JavaScript事件机制详细研究

    在使用 addEventListener 或 attachEvent 时,需要注意 IE 浏览器的兼容性问题,IE 浏览器使用 attachEvent 方法,而不是 addEventListener 方法。因此,在编写跨浏览器兼容的代码时,需要使用条件语句来判断浏览器...

    javascript中attachEvent用法实例分析

    `attachEvent`是IE特有的事件绑定方法,而`addEventListener`则是W3C标准的事件处理方式,被大多数现代浏览器所支持。 `attachEvent`的主要用法是将事件处理器(函数)附加到指定元素的特定事件上。它的语法如下: ...

    IE11没有window.attachEvent方法处理方法

    首先,我们需要理解`attachEvent`与`addEventListener`的区别。`attachEvent`是IE4至IE8特有的事件绑定方式,而`addEventListener`则是一种更通用、更符合W3C标准的方法,被现代浏览器广泛支持。当我们在IE11中尝试...

    JS在IE和FF下attachEvent,addEventListener学习笔记

    ### JavaScript中的事件处理:attachEvent与addEventListener #### 一、引言 JavaScript 是一种广泛使用的脚本语言,它被用于实现网页的动态效果和交互功能。随着 Web 技术的发展,浏览器之间的差异也逐渐显现出来...

    JavaScript对象经典小册 chm

    1. 事件模型:JavaScript有三个级别的事件模型:DOM0级(直接在元素上设置函数)、DOM2级(通过addEventListener/attachEvent)和DOM3级(增加了更多的事件类型)。 2. 事件冒泡与事件捕获:事件在DOM树中传播时,...

    javascript的理解及经典案例分析_.docx

    JavaScript是一种广泛应用于网页和网络应用的轻量级脚本语言,尤其在网页开发中起着至关重要的作用。它使得网页不仅具有静态展示信息的能力,还能实现动态交互和丰富的用户体验。JavaScript的特点包括: 1. **交互...

    javascript源代码_经典实例100.rar

    通过addEventListener或attachEvent绑定事件处理函数,实现与用户的交互。 4. **AJAX异步通信**:AJAX(Asynchronous JavaScript and XML)允许在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。...

    javascript模拟windowsxp关机效果代码

    1. **事件监听**:JavaScript通过addEventListener或attachEvent方法监听用户的点击事件,当用户点击特定按钮时,触发关机动画。 2. **CSS操作**:JavaScript可以改变HTML元素的样式,如修改背景色、透明度等,以...

    Javascript编写源代码

    2. **事件处理**:通过addEventListener或attachEvent等方法,JavaScript可以响应用户的点击、滚动、输入等交互,实现如点击购买按钮后进行支付流程、搜索框的自动补全等功能。 3. **Ajax异步通信**:利用...

    JavaScript通过attachEvent和detachEvent方法处理带参数的函数

    在JavaScript中,`attachEvent` 和 `detachEvent` 是针对IE浏览器(Internet Explorer)的事件处理方式,它们分别用于添加和移除事件监听器。这两个方法是IE特有的,与W3C标准的 `addEventListener` 和 `...

    javascriptAPI

    通过addEventListener或attachEvent(IE浏览器)可以绑定事件处理函数,对特定事件进行响应。 描述中提到了“CSS样式文件”,CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)...

Global site tag (gtag.js) - Google Analytics