javascript - 不将其他绑定(bind)函数覆盖到 window.onresize 的最佳实践是什么？

Question

我对 JavaScript 的研究程度有多深，我发现自己问了这么多。例如，我们有 window.onresize 事件处理程序，如果我说:

window.onresize = resize;

function resize()
{
  console.log("resize event detected!");
}

这是否会杀死连接到同一事件的所有其他功能并仅在控制台中记录我的消息？

如果是这样，我认为应该有另一个通知程序告诉我有关窗口调整大小事件的信息 - 或者可能是解决方法 - 而不覆盖绑定(bind)到同一事件的其他函数。

或者我对它的用法完全感到困惑？

Answer 1

您应该添加一个DOM 2 listener，而不是替换这样的包罗万象的处理程序。像这样:

window.addEventListener("resize", myResizeFunction);

或更详细的信息:

if (window.addEventListener) {    // most non-IE browsers and IE9
   window.addEventListener("resize", myResizeFunction, false);
} else if (window.attachEvent) {  // Internet Explorer 5 or above
   window.attachEvent("onresize", myResizeFunction);
}