javascript - AttachEvent 将事件插入队列的开头，而 addEventListener 将事件追加到队列

Question

我使用这个简单的工作函数来添加事件:

function AppendEvent(html_element, event_name, event_function)
{
   if(html_element)
   {
      if(html_element.attachEvent) //IE
         html_element.attachEvent("on" + event_name, event_function);
      else if(html_element.addEventListener) //FF
            html_element.addEventListener(event_name, event_function, false);
   };
}

在进行这个简单的测试时:

AppendEvent(window, 'load', function(){alert('load 1');});
AppendEvent(window, 'load', function(){alert('load 2');});

我注意到 FF3.6 addEventListener 将每个新事件附加到事件队列的末尾，因此在上面的示例中，您将收到两个警报，内容为“加载 1”“加载 2”。

另一方面，IE7 attachEvent 将每个新事件插入事件队列的开头，因此在上面的示例中，您将收到“加载 2”“加载 1”的警报。

有没有办法解决这个问题并使两者以相同的方式工作？

谢谢!

Answer 1

根据MSDN文档，attachEvent的执行顺序没有指定(使用的词是“随机”)。不过，附件顺序相反也就不足为奇了。

您可以完全避免这样做，并根据所涉及元素的“onevent”属性构建处理程序链。或者，如果可能并且合适的话，您可以只使用 jQuery 或类似的东西。