javascriptattachEvent绑定多个事件执行顺序问题_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascriptattachEvent绑定多个事件执行顺序问题_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2032字，纯文字阅读大概需要3分钟。
内容图文
常见的绑定事件有直接绑定在页面元素中比如，这个换种方法也就是分离出来写在js代码里如document.getElementById('wrap').onclick = function(){a();}，此时如果需要绑定多个方法则直接写在一起即可如document.getElementById('wrap').onclick = function(){a();b();}或。然而我们时常这样来写一个单独的绑定方法bind(el,name,fn)，具体代码如下。 代码如下:
function bind(el,name,fn){ //绑定事件
return el.addEventListener?el.addEventListener(name,fn,false):el.attachEvent('on'+name,fn);
}
这样在一个dom对象上绑定多个click事件如
代码如下:
bind(document.getElementById('wrap'),'click',a);
bind(document.getElementById('wrap'),'click',b);
在ie6,7,8下面就会出现执行顺序的问题（ie9下面暂时不清楚，没有环境测试，希望有环境的朋友帮忙测试下），而其他浏览器ff，chrome，safari下则是按照顺序执行。查找资料得到的是ie8下会颠倒执行顺序，ie6，ie7则是随机执行的，这个我实在不明白ie怎么会出现随机执行？难不成是别有目的的？如果有知道这样做的目的的朋友也能告知一声，经过自己的测试证实ie8确实颠倒执行的顺序而ie6,7则无规律的执行。我理解的随机执行应该是每次执行都是不一样的顺序然而实际上只要写的时候顺序固定那么执行的时候顺序也是固定的（虽然无规律也或许是我没找出规律）。
但是jQuery的$.bind(type, data, fn)方法则没有这个问题，找jQuery的原代码看了下，发现里面也是用的
代码如下:
if (elem.addEventListener)
elem.addEventListener(type, handle, false);
else if (elem.attachEvent)
elem.attachEvent("on" + type, handle);
这样方法绑定的事件，但是在此之前会判断该jquery对象上面是否已经同一个类型的handlers，如果有则不会重复绑定而是把该对象的handle合并到handlers中成为一个方法相当于这样function c(){a();b();}，按照顺序的压入方法这样实现在ie下不会出现绑定多个方法时出现执行顺序混乱了.
如下是网友的回复：
IE6 7 会随机执行？我上次测试的时候貌似顺序相反，没有随机执行这一说。
我特意去测试了
代码如下:
内容总结
以上是互联网集市为您收集整理的javascriptattachEvent绑定多个事件执行顺序问题_javascript技巧全部内容，希望文章能够帮你解决javascriptattachEvent绑定多个事件执行顺序问题_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】