javascript - Onresize 不会在调整大小时触发

Question

我对 JS onresize 有点困惑，并检查了 W3schools 以解决这个问题。但这给我带来了更多的问题。所以我决定在 Stack 上提问。

为什么是this没有被 this 触发？

所以基本上:

HTML

<h1>The resize Property</h1>
<div onresize="test()">
  <p>Let the user resize both the height and the width of this div element.</p>
  <p>To resize: Click and drag the bottom right corner of this div element.</p>
</div>
<p><b>Note:</b> Internet Explorer does not support the resize property.</p>

CSS

div {
  border: 2px solid;
  padding: 20px;
  width: 300px;
  resize: both;
  overflow: auto;
}

Javascript

function test() {
    alert("Resized");
}

JSFiddle:https://jsfiddle.net/v95yLtxd/

我有点期待在调整大小时执行 JS 函数。

为什么这没有像我预期的那样工作？

Answer 1

调整大小事件在调整文档(不是任何元素)的大小时被触发。W3schools 对此并不清楚。CSS 调整大小属性不会触发调整大小事件。

所以这不是您要找的事件。有关调整 div 大小的详细信息，请参阅 Connum 的评论。