现在位置: > > IT/计算机 > 计算机软件及应用

javascript看qq中多事件绑定的执行顺序

事件绑定的执行次序

在W3C的标准下,事件绑定使用的是addEventLisenter。

但微软这家伙经常不按常理出牌。它提供的事件绑定方法是attachEvent。

关于attachEvent的种种不足,先不一一列举。或许我们已经忍受着用attachEvent来绑定事件。 //object.attachEvent(event, function);

el.attachEvent('onclick', method);

但当在同一元素上绑定多次,你就会知道,微软的这个私人的方法又是多么“不可理喻”。 el.attachEvent("onclick", method1);

el.attachEvent("onclick", method2);

el.attachEvent("onclick", method3);

el.attachEvent("onclick", method4);

在各个IE下运行,点击el后,各个方法的执行次序是:

IE6/IE7: method2 -> method4 -> method3 -> method1

IE8: method4 -> method3 -> method2 -> method1

IE9: method1 -> method2 -> method3 -> method4

IE6/7是一种看不出规律的随机执行,IE8是逆序执行,IE9是顺序执行。

无论常识还是W3C标准,这种同一个事件绑定了多个方法的情况,方法的执行次序都应该是先绑定先执行。从IE6-IE9的演变,可以看得出微软还是有在不断改进的。但毕竟各个版本的IE存在,使得我们不得不注意绑定在同一事件上的多个方法之间不要有顺序依赖。

YUI2的事件绑定并没有对执行次序做兼容,如果有些场景的确需要绑定多个方法且方法间需要顺序执行。那我们就只能自己实现了,大致思路是:在先判断绑定的el对象上是否已经同一个事件类型的handlers,如果有则不会重复绑定而是把该对象的handler合并到handlers中成为一个方法,相当于这样function c(){ a(); b();},按照顺序的压入方法实现在IE下不会出现绑定多个方法时能顺序执行。 functionaddEvent(el, type, handler){

if(el.attachEvent){// IE

// 为元素的事件类型创建一个哈希表

el._events=el._events||{};

if(!handler){return;}

// 取得事件处理函数的数组的引用

var handlers =el._events[type];

if(handlers){

if(typeofhandler._index==='undefined'||

handlers[handler._index]!== handler){

// 将事件处理函数存入数组

相关文档
javascript事件绑定
事件绑定的方法 事件绑定是指构造一个响应系统或者用户动作的 HTML 元素的过程。... javascript看qq中多事件... 3页 4下载券 关于javascript事件 11页 1下载券 ...
Javascript执行顺序的总结
Javascript执行顺序的总结 JavaScript程序执行顺序问题...没错,下面这样的程序确实看起来像“多线程”: view...onload等等浏览器事件的调用函数;还有Ajax异步请求数据...
JavaScript执行顺序
1.6.4 借助事件机制改变 JavaScript 执行顺序 由于 JavaScript 是按块处理代码,同时又遵循 HTML 文档流的解析顺序,所以在上面示例 中会看到这样的语法错误。但是当...
Javascript在页面加载时的执行顺序
Javascript在页面加载时的执行顺序_计算机软件及应用...放在事件处理程序中,比如:点击我...需要注意的是, 如果存在多个 winodws.onload 的话, 只有最有一个生效...
JavaScript的执行过程详细研究
代码在装载时的执行顺序也是根据脚本标签 的出现 的组成部分,所以 JavaScript 代码... javascript看qq中多事件... 3页 4下载券 javascript脚本何时被执... 暂无...
JavaScript中事件列表 收藏
javascript看qq中多事件... 3页 4下载券 喜欢此...触发此事件 ondrop IE5、N 在一个拖动过程中,释放...当文本内容选择将开始发生时触发的事件 数据绑定 ...
javascript事件
G JavaScript事件 23页 免费 javascript事件绑定 8...事件在传播 优点:一个事件可以添加多个处理程序。(触发时,按添加顺序执行) 事件处理程序– IE事件...
关于javascript事件
G JavaScript事件 23页 免费 javascript事件绑定 8页 8财富值 javascript事件...添加多个监听函数; ●在 IE 浏览器中,函数的执行顺序与函数的添加顺序相反; ...
JS执行顺序
1.6.4 借助事件机制改变 JavaScript 执行顺序 由于 JavaScript 是按块处理代码,同时又遵循 HTML 文档流的解析顺序,所以在 上面示例中会看到这样的语法错误。但是当...
JavaScript事件
我的记录( 事件) 我的记录(JavaScript 事件) ... JavaScript 中绑定事件监听函数的通用方法 [ add...监听函数的执行顺序应当是按照绑定的顺序执行; e、...
相关主题
返回顶部
热门文档