javascript - addEventListener() 的备用快捷方式

标签 javascript optimization dom-events

<分区>

Possible Duplicate:
What is the difference of using addEventListener?

我注意到可以直接在对象上分配事件,而不必使用 addEventListener:

document.onload = function(e){
  // do stuff..
};

代替:

document.addEventListener('load', function(e){
  // do stuff..
});

那么我有什么理由不应该使用第一种方法吗?为什么其他人不使用它?

这似乎也适用于旧版 IE(您需要 attachEvent)。

最佳答案

考虑如果您尝试以下操作会发生什么(我将事件附加到 window 因为这是您应该监听此事件的地方)

window.onload = function (e) {console.log('A');};
window.onload = function (e) {console.log('B');};

对比

window.addEventListener('load', function (e) {console.log('C');}, false);
window.addEventListener('load', function (e) {console.log('D');}, false);

从第一个代码块你只会看到“B”,但从第二个代码块你会看到“C”“D”Fiddle (请打开控制台查看)。

关于javascript - addEventListener() 的备用快捷方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14069137/

相关文章:

javascript - 搜索一种用另一个值替换 test 的方法

javascript - 我似乎无法使用react将这些方法传递给我的组件

c++ - 查找与线段相交的所有图 block

javascript - 使用 Javascript 单击按钮读取并显示文本文件内容

javascript - 如何捕获 Chrome 所有网站的鼠标和键盘数据

javascript - 单击提交按钮时无法从下拉列表中获取所选值

javascript - 用于转到鼠标坐标的 Canvas 动画

javascript - 在 Mongoose 中保存嵌套对象尚未通过验证

使用预取优化

Asp.Net 优化捆绑失败。没有查询字符串