上一节:
下一节:

  JavaScript HTML DOM onresize 事件

  • onresize 事件

    调整浏览器窗口大小时会发生onresize事件。
    提示：要获取元素的大小，请使用clientWidth，clientHeight，innerWidth， innerHeight，outerWidth， outerHeight，offsetWidth和/或offsetHeight属性。
    在调整浏览器窗口大小时执行JavaScript： 
    <body onresize="myFunction()">
    尝试一下

  • 浏览器支持

    项 IE/Edge Chrome 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版本 DOM Event Level 2

  • 更多例子

    使用addEventListener()方法在窗口对象上附加“resize”事件。 
    window.addEventListener("resize", myFunction);
    尝试一下

  • 相关页面

    JavaScript参考 ： HTML onresize 属性
返回Event对象参考    返回事件参考
上一节:
下一节: