javascript 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) { el.attachEvent(’’onclick’’, KindDisableMenu);
}
<script type="text/javascript"></script>
分享到:
相关推荐
本知识点将介绍 JavaScript 中两种常用的方法:attachEvent 和 addEventListener,以及它们在不同浏览器中的应用和区别。 首先,attachEvent 方法是早期 Internet Explorer 浏览器引入的事件监听方法,它的语法是:...
在JavaScript中,`attachEvent` 和 `addEventListener` 是两种用于为元素添加事件处理程序的方法,主要在Internet Explorer和非IE浏览器(遵循W3C标准)中使用。它们都是用来监听和响应用户或浏览器的特定行为,如...
除了上述方法外,还可以考虑直接修改JavaScript代码,使用`addEventListener`方法替代`attachEvent`。这种方式的好处是不仅解决了IE11不支持`attachEvent`的问题,还让代码变得更加标准化和简洁。示例代码如下: ``...
本文将探讨在 Internet Explorer (IE) 和 Firefox (FF) 浏览器中处理事件的方法,特别关注 `attachEvent` 和 `addEventListener` 的使用。 #### 二、事件处理概述 在 JavaScript 中,事件是指由用户或浏览器引发的...
在JavaScript中,`addEventListener`和`attachEvent`都是用于向元素添加事件监听器的方法,但它们之间存在一些关键差异,特别是在处理`this`关键字时。`addEventListener`是W3C标准的一部分,被大多数现代浏览器支持...
在探讨JavaScript中使用attachEvent和detachEvent方法处理带有参数的函数之前,我们先要了解这两个方法分别是什么以及它们的作用。attachEvent和detachEvent是早期IE浏览器特有的,用于为DOM元素添加或移除事件监听...
Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”...
在JavaScript中,处理DOM事件监听有两个主要的方法:`addEventListener` 和 `attachEvent`。这两个方法在功能上相似,但存在一些关键的区别,特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准...
在探讨Javascript中使用attachEvent方法传递参数的问题时...这种方法在IE浏览器兼容性方面尤为重要,虽然现代浏览器已经大多支持addEventListener,但了解attachEvent的使用和技巧仍然对维护老式IE代码有着一定的帮助。
通用的方法是使用`getAttribute`和`setAttribute`方法,如`div1.getAttribute("value")`和`div1.setAttribute("value", val)`。 综上所述,解决JavaScript的浏览器兼容性问题通常需要对各个浏览器的特性有深入理解...
在使用 addEventListener 或 attachEvent 时,需要注意 IE 浏览器的兼容性问题,IE 浏览器使用 attachEvent 方法,而不是 addEventListener 方法。因此,在编写跨浏览器兼容的代码时,需要使用条件语句来判断浏览器...
jQuery内部在使用`addEventListener`或`attachEvent`之前,会先检查是否已经存在相同类型的处理函数(handlers),如果存在则不会重复绑定,而是会将新的处理函数合并到现有的handlers中。这样,无论是在IE还是其他...
为了实现跨浏览器的事件绑定,我们需要同时使用`attachEvent`和`addEventListener`。一种常见的做法是创建一个通用的事件绑定函数,如下所示: ```javascript function addEvent(element, event, handler) { if ...
`addEventListener` 是JavaScript中用于添加事件监听器的方法,它允许我们为同一个元素绑定多个事件处理函数,这对于构建复杂的交互式网页非常有用。在不同的浏览器环境中,`addEventListener` 的使用略有差异,尤其...
同时,事件处理也是JavaScript的一大特点,通过`addEventListener`或`attachEvent`可以为元素绑定事件监听器,响应用户的交互行为。 JavaScript还有强大的库和框架,比如jQuery简化了DOM操作,React.js和Vue.js用于...
13. `addEventListener` 和 `removeEventListener` 方法:在DOM2级事件中,这两个方法用于添加和移除事件监听器,支持多个事件处理程序,与IE中的`attachEvent`和`detachEvent`相类似,但更现代且跨浏览器。...
2. **attachEvent和addEventListener**: - **attachEvent** 是IE浏览器特有的,用于添加事件监听器。它的语法是 `element.attachEvent("on" + event, function)`,例如 `obj.attachEvent("onclick", Foo)`。 - **...
- 对于支持DOM Level 2的浏览器,使用`addEventListener`方法。 ```javascript div.addEventListener("click", add, true); ``` - **常见事件类型**: - 鼠标事件:如`click`、`dblclick`、`mouseover`、`mouse...