javascript - 当 改变大小时，有没有办法注意到？

Question

我通过 CSS 制作了一个带有单元格的 html 表格，其宽度可调整大小 resize .我在 CSS 中的设置 <td>是:

td {
    resize: horizontal;
    overflow: auto;
    width: 35px;
    min-width: 35px;
}

现在我想知道，是否可以注意到用户何时更改宽度。因此，在用户更改后，我可以做一些事情。是否有一个事件，当用户通过 CSS 更改宽度时 resize ？

编辑:为了希望减少一些困惑，我将提供有关我的最终目标的更多详细信息。

我试图实现的最终目标是一个具有固定表头、可滚动表体和列的表格，这些列具有可调整大小的宽度(表头和表体同步)。

到目前为止，我分别实现了一个具有固定头部和可滚动主体的表格和一个具有可调整宽度列的表格，但没有合并为一个表格。

所以，现在我试图找到一种方法来注意，何时调整头部的表格单元格大小时，以便我可以调整同一列中正文单元格的宽度(使用 JavaScript)。

Answer 1

您可以像这样使用 javascript onresize 事件:

window.addEventListener('resize', () => {
    document.getElementById('foo').style.color = 'red';
}) ;

<span id="foo">Resize me</span>