返回值:jQueryresize(handler(eventObject))
为 JavaScript 的 "resize" 事件绑定一个处理函数,或者触发元素上的该事件。
-
1.0 新增resize(handler(eventObject))
handler(eventObject) (Function) 每当事件触发时执行的函数。 -
1.4.3 新增resize([eventData], handler(eventObject))
eventData (Object) 可选参数,将要传递给事件处理函数的数据映射。handler(eventObject) (Function) 每当事件触发时执行的函数。 -
1.0 新增resize()
带有参数的该方法是 .bind('resize', handler)
的快捷方式,不带参数的该方法是 .trigger('resize')
的快捷方式。
当浏览器窗口的大小改变时,会触发 window
元素上的 resize
事件:
$(window).resize(function() { $('#log').append('<div>Handler for .resize() called.</div>'); });
执行完上面的代码后,只要窗口的大小发生了改变,就会向 <div id="log"> 中追加文本信息,表示窗口大小已经改变。
resize
事件处理中的代码,不应该依赖于事件被调用的次数。由于不同浏览器对该事件实现的方式不同,该事件被调用的时机也不同。例如,对于 IE 或 基于 WebKit 的浏览器(例如,Safari 和 Chrome)而言,resize
事件在窗口改变的过程中,会被连续调用。在某些浏览器,如 Opera,该事件只在调整窗口大小操作结束时被调用。
示例:
当窗口大小改变时(或改变后),查看窗口的宽度:
jQuery 代码:
$(window).resize(function() {
$('body').prepend('<div>' + $(window).width() + '</div>');
});