javascript - XHR2 addEventListener 与属性

Question

var _xhr2 = new XMLHttpRequest();

_xhr2.upload.addEventListener('progress', function(e){ //#1
   console.log('progress');       
}, false);

_xhr2.upload.onprogress = function(e){ //#2
    console.log('progress'); 
};

_xhr2.open('POST', '/fileupload');
_xhr2.send(formData);

有人可以解释一下上面的 #1 和 #2 之间的区别吗？哪一个比另一个更受青睐？因为两者似乎都有效。

我问这个问题的原因是因为我正在尝试一下 HTML5 filereader + XHR2 上传，并且在 FileReader() 的 MDN 示例实例中使用 #2 ，而 XMLHttpRequest() 使用 #1。

Answer 1

好吧，声明onprogress属性将覆盖以前绑定(bind)到它的处理程序，这是显而易见的，这不是您的情况的问题，因为您仅将其绑定(bind)到新的对象实例。

我认为唯一的区别是 IE 兼容性。 addEventListener IE9+ 支持，而 onprogress IE5.5+ 支持属性(以及其他 on... 属性)。

注意:
低于 9 的 IE 版本使用 attachEvent而不是addEventListener .