javascript - $(window).on ('resize' ) 在 JavaScript 中

Question

在 JavaScript 中，是如下代码:

window.onresize = function() {
    // Do something.
}

等同于:

$(window).on('resize', function () {
    // Do something.
});

上面的两个代码块在功能方面是否相等？使用一个或另一个有什么优点或缺点(无论多么小)？

关于:

window.addEventListener('resize', function(event) {
    // Do something.
});

Answer 1

它们不一样，在第一个示例中，您正在影响 dom 对象 onresize 处理程序的事件。

jQuery 版本可能在幕后做了一些不同的事情。如果不查看源代码，它可能只是在做:

window.addEventListener('resize', function () {...})

也就是说，jQuery 版本和 native addEventListener 仍然不同，因为 jQuery 还为事件处理程序添加了一些魔法。

addEventListenener 可能是向 DOM 对象添加事件的首选方法，因为您可以添加多个事件，但使用 dom 属性 on[event] 您仅限于一次事件。

这里有更多关于它的信息:https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener

在阅读的同时，您还可以阅读关于addEventListener 的 friend :removeEventListener。