attachEvent和addEventListener_batchaddeventlistener-优快云博客

本文介绍了在不同浏览器中实现事件监听的方法，包括IE中的attachEvent及现代浏览器中的addEventListener，并通过实例展示了如何使用这些方法来响应点击事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

attachEvent方法 IE 按钮onclick
addEventListener方法 FireFox 按钮click

addEventListener(eventType,listener,useCapture); //useCapture为boolean类型

attachEvent(eventName,handler);

$(document).ready(function(){ var btn1 = $('#btn1')[0]; btn1.attachEvent("onclick",method1); btn1.attachEvent("onclick",method2); btn1.attachEvent("onclick",method3); }); function method1(){ alert('method1'); } function method2(){ alert('method2'); } function method3(){ alert('method3'); }

执行顺序method3-->method2-->method1

<html id="greatgreatgrandpa"> <head> <title>DOM Level 2 Propagation Example</title> <mce:script type="text/javascript" src="../scripts/jquery-1.2.1.js" mce_src="scripts/jquery-1.2.1.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body id="greatgrandpa"> <div id="grandpa"> <div id="pops"> <img id="vstar" src="vstar.jpg" mce_src="vstar.jpg"/> </div> </div> <div id="console"></div> </body> </html>