考虑这样的情形在IE浏览中处理，需要响应页面的按钮点击事件，有哪些方法呢？
（1）onclick属性添加事件处理函数
<javascript>function DoClick()//handler of click event
{
}</javascript>
<button id='test1' onclick=DoClick>test1</button>测试1
（2）attachEvent方法添加事件处理函数
<body><button name="test2">test2</button></body><javascript>function attClick()//handler of click event{//process click event}test2.attachEvent("onclick",attClick);</javascript>测试2
现在问题来，如果我们同时添加这两种事件处理方式，那么他们相应的顺序是什么样的，下面来模拟一下这种情形:
<BODY> <button id="test31">test31</button> <script> function DoClick()//property event handler { alert('calling DoClick'); } function AttClick1()//attach event handler { alert('calling AttClick1'); } test31.onclick=DoClick;
test31.attachEvent('onclick',AttClick1);
</script> </BODY> <BODY> <button id="test32">test32</button> <script> function DoClick()//property event handler { alert('calling DoClick'); } function AttClick1()//attach event handler { alert('calling AttClick1'); } function AttClick2() { alert('calling AttClick2'); } test32.attachEvent('onclick',AttClick1); test32.onclick=DoClick; </script> </BODY>测试3
测试结果是：先调用属性处理函数，再调用attach事件处理函数。
attachEvent方式还用一个好处就是他能添加任意多个事件处理函数
<button id="test41">test41</button> <script> function DoClick() { alert('calling DoClick'); } function AttClick1() { alert('calling AttClick1'); } function AttClick2() { alert('calling AttClick2'); } test41.attachEvent('onclick',AttClick1); test41.attachEvent('onclick',AttClick2);</script>attach多个事件处理函数，他们的调用顺序又是怎样的呢,测试一下就明白啦。
<button id="test41" >test41</button> <script> function DoClick() { alert('calling DoClick'); } function AttClick1() { alert('calling AttClick1'); } function AttClick2() { alert('calling AttClick2'); } function AttClick3() { alert('calling AttClick3'); } test41.attachEvent('onclick',AttClick1); test41.attachEvent('onclick',AttClick2); test41.attachEvent('onclick',AttClick3); </script><button id="test42">test42</button> <script> function DoClick() { alert('calling DoClick'); } function AttClick1() { alert('calling AttClick1'); } function AttClick2() { alert('calling AttClick2'); } function AttClick3() { alert('calling AttClick3'); } test42.attachEvent('onclick',AttClick3); test42.attachEvent('onclick',AttClick2); test42.attachEvent('onclick',AttClick1); </script>测试4
通过测试结果可以看出调用的顺序和attach的顺序无关。
待解决的问题：
attach的事件处理函数调用顺序是怎么样的？
如何查看一个事件的所有回调函数？
在调用某个事件处理函数时，如何停止调用同一个对象后继的事件处理函数？
分类:
JavaScript
, DHTML
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列：如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构