onresize 事件

DOM 事件 Event 对象

定义和用法

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

提示：如需获取元素的大小，请使用 clientWidth、clientHeight、innerWidth、innerHeight、outerWidth、outerHeight、offsetWidth 和/或 offsetHeight 属性。

实例

例子 1

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

<body onresize="myFunction()">

亲自试一试

例子 2

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

window.addEventListener("resize", myFunction);

亲自试一试

语法

在 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

浏览器支持

事件 Chrome IE Firefox Safari Opera
onresize 支持 支持 支持 支持 支持
DOM 事件 Event 对象