onresize 事件

实例

调整浏览器窗口大小时执行 JavaScript:

<body onresize="myFunction()">

亲自试一试

页面下方有更多 TIY 实例。

定义和用法

onresize 事件在浏览器窗口被调整大小时发生。

提示:如需获取元素的大小,请使用 clientWidth、clientHeight、innerWidthinnerHeightouterWidthouterHeight、offsetWidth 和/或 offsetHeight 属性。

浏览器支持

事件 Chrome IE Firefox Safari Opera
onresize 支持 支持 支持 支持 支持

语法

在 HTML 中:

<element onresize="myScript">

亲自试一试

在 JavaScript 中:

object.onresize = function(){myScript};

亲自试一试

在 JavaScript 中,使用 addEventListener() 方法:

object.addEventListener("resize", myScript);

亲自试一试

注释:Internet Explorer 8 或更早的版本不支持 addEventListener() 方法

技术细节

冒泡: 不支持
可取消: 不支持
事件类型: 如果从用户界面生成,UiEvent。否则 Event
支持的 HTML 标签: <body>
DOM 版本: Level 2 Events

更多实例

使用 addEventListener() 方法在 window 对象上附加 "resize" 事件:

window.addEventListener("resize", myFunction);

亲自试一试