轻松上手,快乐学习!
HTML CSS JAVASCRIPT SQL PYTHON MYSQL PHP GIT 问答 工具 导航 更多 实例 参考

onresize 事件

❮ DOM 事件 ❮ Event 对象

实例

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

<body onresize="myFunction()">
亲自试一试 »

页面下方有更多实例。

定义和用法

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

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

浏览器支持

事件
onresize Yes Yes Yes Yes Yes

语法

在 HTML 中:

<element onresize="myScript">
亲自试一试 »

在 JavaScript 中:

object.onresize = function(){myScript};
亲自试一试 »

在 JavaScript 中，使用 addEventListener() 方法：

object.addEventListener("resize", myScript);
亲自试一试 »

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

技术细节

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

更多实例

实例

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

window.addEventListener("resize", myFunction);
亲自试一试 »

❮ DOM 事件 ❮ Event 对象