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 對象