我正在使用 CSS3 调整大小属性创建一个垂直滚动的 div:
.mydiv {
resize: vertical
overflow: auto;
}
Chrome 在 div 的右下角放置了一组对 Angular 线影线,我现在可以使用它来调整它的大小。
有什么方法可以检测 JavaScript 中的调整大小吗?我试过使用 DOM4 Mutation Observer在 div 的属性上,但它不会触发任何东西。我可以在 div 上使用鼠标事件,但它很笨拙(mousedown 不会触发,所以我必须听所有的 mousemove 并检测它是否在那个 Angular 落附近。)
最佳答案
似乎无法使用 Chrome 文本区域句柄将事件附加到调整大小。阅读: jQuery : Chrome textareas and resize event
我尝试使用 DOMSubtreeModified,但它不会修改 DOM,因此不起作用。
--UPDATE-- 如果您想使用 jQuery UI,那么这是可能的。看到这个: http://jsfiddle.net/kJNsB/1/
$("textarea").resizable({
resize: function() {
$("body").append("<pre>resized! Height:"+$(this).height()+" /// Width:"+$(this).width()+"</pre>");
}
});
--更新-- 这家伙想通了! <强> http://benalman.com/code/projects/jquery-resize/examples/resize/
关于javascript - 是否有一个 JavaScript 事件来检测何时使用 CSS3 resize 属性更改 div 的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20943612/