CSS3 resize 属性可以分配给任意元素。我正在寻找一种方法来检测 div 上的此类调整大小(我不介意它目前仅在 Firefox 中工作):
div {
resize: horizontal;
overflow: hidden;
}
不幸的是,onresize
事件似乎没有在 div 上触发。当这种用户实例化的调整大小发生时,如何在 JavaScript 中检测到?
Edit:FWIW 我在 Mozilla 上打开了一份错误报告。如果你想追踪它:https://bugzilla.mozilla.org/show_bug.cgi?id=701648 https://bugzilla.mozilla.org/show_bug.cgi?id=701648
调整大小就像改变风格。因此,可以用变异观察者 https://developer.mozilla.org/en/docs/Web/API/MutationObserver。更具体的ResizeObserver https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver可能更好:
let observer = new ResizeObserver(function(mutations) {
console.log('mutations:', mutations);
});
let child = document.querySelector('textarea');
observer.observe(child);
<textarea></textarea>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)