我有以下示例html,有一个100%宽度的DIV.它包含一些元素.在执行窗口重新调整大小时,可以重新定位内部元素,并且div的尺寸可以改变.我问是否可以挂钩div的尺寸变化事件?以及如何做到这一点?我目前将回调函数绑定到目标DIV上的jQuery resize事件,但是,没有输出控制台日志,请参见下文:

<html>
<head>
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<script type="text/javascript" language="javascript">
$('#test_div').bind('resize', function(){
console.log('resized');
});
</script>
</head>
<body>
<div id="test_div" style="width: 100%; min-height: 30px; border: 1px dashed pink;">
<input type="button" value="button 1" />
<input type="button" value="button 2" />
<input type="button" value="button 3" />
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud) CSS3 resize属性可以分配给任意元素.我正在寻找一种方法来检测这样的调整大小,比如divs(我不介意它目前仅在FF中工作):
div {
resize: horizontal;
overflow: hidden;
}
Run Code Online (Sandbox Code Playgroud)
不幸的是,onresize事件似乎没有被解雇.当这样的用户实例化调整大小发生时,如何在JavaScript中检测到?
编辑: FWIW我在Mozilla上打开了一个错误报告.如果你想跟踪它:https://bugzilla.mozilla.org/show_bug.cgi?id = 701648