.resize()| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理

jQuery API 2.2.0

.resize()

分类:事件 > 浏览器事件

返回: jQuery

.resize( handler )

描述:把一个事件处理函数绑定到JavaScript事件“resize”上,或者在某元素上触发该事件。

加入于: 1.0
.resize( handler )
  • handler
    类型:FunctionEvent eventObject )
    一个函数,在每次事件被触发时执行它。
加入于: 1.4.3
.resize( [eventData ], handler )
  • eventData
    类型:Anything
    一个对象,它包含了要传递给事件处理函数的数据。
  • handler
    类型:FunctionEvent eventObject )
    一个函数,在每次事件被触发时执行它。
加入于: 1.0
.resize()

该签名不接受任何参数。

这个方法,在前两种变体中,是.on('resize', handler)的简写,在第三种变体中,是.trigger( "resize" )的简写。

当浏览器的窗口的尺寸改变的时候,resize事件发送到windows元素上:

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

现在,当浏览器的窗口尺寸改变时,这条消息将一次或多次追加到<div id="log">中,取决于你的浏览器。

resize()处理函数中的代码不能依赖于处理函数调用的次数。由于不同浏览器对该事件实现的方式不同,在Internet Explorer和基于Webkit的浏览器,比如说Safari和Chrome中,resize事件可能在改变窗口尺寸的过程中持续地发送,或者只在改变窗口尺寸的操作结束之后发送一次(这是另一部分浏览器,比如Opera的典型行为)。

其它说明

  • 因为.resize()方法是.on( "resize", handler )的简写,所以可以用.off( "resize" )来分离它。

示例

要想在调整窗口大小之后查看窗口的宽度,只要这么做:

$( window ).resize(function() {
  $( "body" ).prepend( "<div>" + $( window ).width() + "</div>" );
});

如果网页上不能运行示例,请点击http://www.asprain.cn/jQueryAPI/resize.htm查看示例。

如果你觉得本文档对你有用,欢迎给翻译作者支付宝打赏,支持翻译作者源源不断翻译更多有用的技术文档。