Question

我知道我可以通过css3 resize属性调整一个元素：

resize: both;
overflow: auto

但是我能抓住resize事件吗？像：

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

我试试这个，但它不起作用，还有其他办法做这种工作吗？

Answer 1

根据此answer，您可以尝试：

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

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

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

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

2 个答案: