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的评论。