`
footman265
  • 浏览: 119044 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

JS:attachEvent和addEventListener

 
阅读更多

attachEvent方法,为某一事件附加其它的处理事件。(不支持Mozilla系列)


addEventListener方法 用于 Mozilla系列

举例:
document.getElementById("btn").onclick = method1;
document.getElementById(
"btn").onclick = method2;
document.getElementById(
"btn").onclick = method3;
如果这样写,那么将会只有medhot3被执行

写成这样:
var btn1Obj = document.getElementById("btn1"); 
//object.attachEvent(event,function);
btn1Obj.attachEvent("onclick",method1);
btn1Obj.attachEvent(
"onclick",method2);
btn1Obj.attachEvent(
"onclick",method3);
执行顺序为method3->method2->method1

如果是Mozilla系列,并不支持该方法,需要用到addEventListener
var btn1Obj = document.getElementById("btn1");
//element.addEventListener(type,listener,useCapture);
btn1Obj.addEventListener("click",method1,false);
btn1Obj.addEventListener(
"click",method2,false);
btn1Obj.addEventListener(
"click",method3,false);
执行顺序为method1->method2->method3

使用实例:

1。 
var el = EDITFORM_DOCUMENT.body; 
//先取得对象,EDITFORM_DOCUMENT实为一个iframe
if (el.addEventListener){
 el.addEventListener(
'click', KindDisableMenu, false);
}
 else if (el.attachEvent){
 el.attachEvent(
'onclick', KindDisableMenu);
}

2。 
if (window.addEventListener) {
 window.addEventListener(
'load', _uCO, false);
}
 else if (window.attachEvent) {
 window.attachEvent(
'onload', _uCO);
}

分享到:
评论

相关推荐

    attachEvent和addEventListener 使用方法

    在JavaScript中,`attachEvent` 和 `addEventListener` 是两种用于为元素添加事件处理程序的方法,主要在Internet Explorer和非IE浏览器(遵循W3C标准)中使用。它们都是用来监听和响应用户或浏览器的特定行为,如...

    javascript attachEvent和addEventListener使用方法

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

    js绑定事件和解绑事件

    在js中绑定多个事件用到的是两个方法:attachEvent和addEventListener,但是这两个方法又存在差异性 attachEvent方法 只支持IE678,不兼容其他浏览器 addEventListener方法 兼容火狐谷歌,不兼容IE8及以下 ...

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

    在 JavaScript 中,有两种常见的绑定事件处理器的方法:`addEventListener` 和 `attachEvent`。这两种方法的主要区别在于它们对不同浏览器的支持情况。 ##### 3.1 addEventListener 在非 IE 浏览器中,如 Firefox...

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

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

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

    Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”...

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

    除了上述方法外,还可以考虑直接修改JavaScript代码,使用`addEventListener`方法替代`attachEvent`。这种方式的好处是不仅解决了IE11不支持`attachEvent`的问题,还让代码变得更加标准化和简洁。示例代码如下: ``...

    浅谈addEventListener和attachEvent的区别

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

    window.addEventListener来解决让一个js事件执行多个函数

    这时就要用window.attachEvent和window.addEventListener来解决一下。 下面是一个解决方法。至于attachEvent和addEventListener的用法,可以自己Google或百度一下。 代码如下: if (document.all){ window....

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

    在探讨JavaScript中使用attachEvent和detachEvent方法处理带有参数的函数之前,我们先要了解这两个方法分别是什么以及它们的作用。attachEvent和detachEvent是早期IE浏览器特有的,用于为DOM元素添加或移除事件监听...

    jessibuca+vue+js

    3. **事件处理**:JavaScript通过addEventListener或attachEvent来监听并响应用户的交互行为。 4. **异步编程**:JavaScript中的回调函数、Promise和async/await用于解决异步操作,避免回调地狱,提高代码可读性。 5...

    Professional JavaScript For Web Developers

    - **事件处理**:attachEvent和addEventListener用于添加事件监听,removeEventListener移除监听。 - **DOM修改**:包括元素的创建、删除、属性修改、文本内容的更新等操作。 4. **AJAX技术** - **...

    基于JSP+AJAX的类百度搜索动模糊查询

    2. JavaScript事件处理:使用attachEvent或addEventListener来绑定事件,以便实时处理用户输入的信息。 3. JSP技术:使用JSP来生成动态网页,并将JavaScript代码嵌入网页中。 4. Servlet技术:使用Servlet来处理来自...

    二级折叠菜单 JS网页特效

    在"二级折叠菜单 JS网页特效"中,我们主要探讨的是如何使用JavaScript实现这一功能。 JavaScript 是一种轻量级的客户端脚本语言,广泛应用于网页动态效果的实现。在二级折叠菜单中,JavaScript 主要负责监听用户的...

    Javascript Validate

    1. **事件处理**:使用`addEventListener`或`attachEvent`(IE浏览器)来监听表单的`submit`事件或输入框的`change`、`blur`事件,触发验证。 2. **数据获取**:通过`document.getElementById`或`document....

Global site tag (gtag.js) - Google Analytics