当`<div>`标签在屏幕上改变大小时添加事件监听器

Question

我的网页上有一个可折叠的侧边栏。当我将其折叠时，我希望页面上的data class PointF(val x: Float, val y: Float) 元素调整大小以占用所有新的空格。

调整svg大小的功能正在运行。但是，当侧边栏折叠时，它不会被触发。

我试过了：

svg

其中d3.select("#mydivHoldingSVG").on("resize", MyResize)是#mydivHoldingSVG，而<div>是调整MyResize大小的功能。

当侧边栏折叠时，svg元素的大小会增加（通过Google Chrome开发人员视图进行检查），我认为这是“调整大小”。

如果窗口调整大小，即，如果我使用：

<div>

然后d3.select(window).on("resize", MyResize)正确调整大小。

我查看了standard events的列表，看看是否可以应用svg元素（div），但我没有看到明显的“当div元素改变“事件。

是否可以在正在调整大小或更改的#mydivHoldingSVG元素上添加eventListener？

Answer 1

要点是你应该采取另一种方式：resize事件只属于窗口，不会触发任何其他元素。

解决此问题最简洁的方法是在调用正在折叠侧边栏的任何功能时调用MyResize，而不是试图间接侦听侧边栏被折叠。