如何调用div resize上的函数?

Ite*_*tor 6 html javascript css javascript-events

有一个名为resize的新CSS属性,因此div也可以调整大小.但是如何附加事件监听器?因为.onresize只能在窗口对象上工作

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


编辑:

我不想使用JQuery.这不是一个重复的问题.我只发现了这个问题的JQuery解决方案,这就是我问这个问题的原因.

小智 2

我用这种方法解决了这个问题。看起来至少在 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>
Run Code Online (Sandbox Code Playgroud)