JavaScript关于attachEvent和addEventListener的使用方法

我就是我 2021-10-25 12:26 243阅读 0赞

JavaScript关于attachEvent和addEventListener的使用方法

attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozilla系列）

addEventListener方法 用于 Mozilla系列

举例:

Java代码

document.getElementById("btn").onclick = method1;

document.getElementById("btn").onclick = method2;

document.getElementById("btn").onclick = method3;

document.getElementById("btn").onclick = method1;

document.getElementById("btn").onclick = method2;

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

写成这样：

Java代码:

var btn1Obj = document.getElementById("btn1");

//object.attachEvent(event,function);

btn1Obj.attachEvent("onclick",method1);

btn1Obj.attachEvent("onclick",method2);

btn1Obj.attachEvent("onclick",method3);

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

Java代码:

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);

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。 Java代码:

var el = EDITFORM\_DOCUMENT.body;

//先取得对象，EDITFORM\_DOCUMENT实为一个iframe

if (el.addEventListener)...\{

el.addEventListener('click', KindDisableMenu, false);

\} else if (el.attachEvent)...\{

el.attachEvent('onclick', KindDisableMenu);

\}

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。 Java代码:

if (window.addEventListener) ...\{

window.addEventListener('load', \_uCO, false);

\} else if (window.attachEvent) ...\{

window.attachEvent('onload', \_uCO);

\}

转载于:https://www.cnblogs.com/JoinZhang/archive/2010/08/18/1802197.html

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript addEventListener()事件监听方法

*addEventListener()**方法将事件处理程序附加到元素，而不覆盖现有的事件处理程序。您可以向一个元素添加许多事件处理程序。您可以向一个元素添加许多相同...

古城微笑少年丶/ 2024年04月18日 18:55/ 0 赞/ 38 阅读

相关点击事件：onclick、addEventListener、attachEvent及解绑事件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

- 日理万妓/ 2023年08月17日 16:30/ 0 赞/ 11 阅读

相关 addEventListener()及attachEvent()区别

今天仔细看了一下addEventListener() attachEvent()写篇博客记忆一下。 html代码很简单一句话： <!DOCTYPE html>

╰+哭是因爲堅強的太久メ/ 2022年09月26日 11:50/ 0 赞/ 121 阅读

相关 javascript（六）js事件绑定浏览器兼容解决方案 attachEvent addEventListener

事件绑定 IE 绑定事件处理函数 attachEvent（event, fn）解除绑定 detachEvent（event,

短命女/ 2022年08月08日 17:54/ 0 赞/ 160 阅读

相关 addEventListener和attachEvent的区别

addEventListener共有3个参数，如下所示： element.addEventListener(type,listener,useCapture)

客官°小女子只卖身不卖艺/ 2022年08月08日 06:59/ 0 赞/ 127 阅读

相关 addEventListener() 和 attachEvent()

addEventListener(): 在除IE8及之前的版本外所有的浏览器都支持标准的事件模型中，任何能成为事件目标的对象—这些对象包括Window对象、docum对象和所

落日映苍穹つ/ 2022年06月18日 11:20/ 0 赞/ 154 阅读

相关 addEventListener 关于 passive

语法： `el.addEventListener(type, listener[, useCapture])` `el`：事件对象 `type`：事件类型，cli

谁践踏了优雅/ 2022年05月25日 03:07/ 0 赞/ 138 阅读

相关 addEventListener和attachEvent的区别

转 addEventListener和attachEvent的区别区别如下 addEventListener共有3个参数，如下所示： elem

た入场券/ 2022年03月08日 17:24/ 0 赞/ 186 阅读

相关 JavaScript关于attachEvent和addEventListener的使用方法

JavaScript关于attachEvent和addEventListener的使用方法 attachEvent方法，为某一事件附加其它的处理事件。（不支持Mozil

我就是我/ 2021年10月25日 12:26/ 0 赞/ 244 阅读

相关 JavaScript addEventListener()

JavaScript addEventListener() addEventListener方法可以为事件注册监听器，也就是注册事件处理函数。

红太狼/ 2020年05月27日 12:34/ 0 赞/ 488 阅读