JS/HTML - onresize 不触发

JS/HTML - onresize doesn't fire

我想将 resize 事件添加到一个元素(我知道你不能将 resize 添加到特定元素,但是如果触发 JS 函数就好了调整任何类型的大小 - 不是特定元素)。

我在想这个:

<div onresize="wrapperResize();"></div>

这在某种程度上不起作用(此处为 Safari 用户)。然而,这有效:

<div onclick="wrapperResize();"></div>

目前wrapperResize()只持有一个简单的console.log()。我该怎么办?

PS:This 效果很好(传统检查),我什至做了什么不同?

EXTRA:div 具有固定的高度和 33% 的 body 元素宽度。即使事件应该触发,但当 window 调整大小时,我认为这可能是原因。

我认为你应该在 window 上设置 onresize 处理程序并在 javascript 中执行,而不是内联 html.. 像这样

window.onresize = yourFunction

您不能在 <div> 容器上附加 onresize 事件。对于大多数浏览器,它仅适用于 window