javascript - 我可以捕捉元素的调整大小事件吗？

Question

我知道我可以让一个元素通过 css3resize属性调整大小：

resize: both;
overflow: auto

但我可以赶上调整大小事件吗？喜欢：

element.addEventListener('resize', fn, false);

我试试这个，但它不起作用，还有其他方法可以完成这种工作吗？

Answer 1

根据这个答案，您可以尝试：

var addEvent = function(elem, type, eventHandle) {
    if (elem == null || elem == undefined) return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    } else {
        elem["on"+type]=eventHandle;
    }
};

称为：

addEvent(element, 'resize', fn);    // you may want to try 'onresize'

Answer 2

您可以使用.resize( handler(eventObject) ) 在窗口调整大小时执行的 Jquery：

 $(window).resize(function() {
     $('#log').append('<div>Handler for .resize() called.</div>');
 });