如何在 div resize 上调用函数？答案

【问题标题】：How to call a function on div resize?如何在 div resize 上调用函数？
【发布时间】：2023-04-01 16:34:01
【问题描述】：

有一个新的 CSS 属性，称为 resize，因此 div 也可以调整大小。但是如何附加事件监听器呢？因为.onresize 只对窗口对象起作用

JSFiddle：http://jsfiddle.net/3y0gfj8j/

编辑：

我不想使用 JQuery。这不是一个重复的问题。我只找到了这个问题的 JQuery 解决方案，这就是我问这个问题的原因。

【问题讨论】：

复制：stackoverflow.com/questions/8082729/…
我不想使用 JQuery。这不是重复的
DOMAttrModified 在 chrome 中不起作用
我只找到了针对这个问题的 JQuery 解决方案，这就是我问这个问题的原因。请停止发布可能的重复项
@IterAtor 你说得对，我撤回了我的近距离投票。

标签： javascript html css dom-events

【解决方案1】：

我是这样解决的。至少在 Firefox 中似乎可以正常工作。当您将光标从正在调整大小的元素右下角的调整大小“抓取器”上移开时，它会触发。

<DOCTYPE=html>
<html>

<script>
function functionname()
{
//replace this line with the script you want executed
}
</script>

<style>
#idname {resize:both;}
</style>

<body>
<div id="idname" onmouseout="functionname();"></div>
</body>

</html>

【讨论】：