zoukankan      html  css  js  c++  java
  • UI事件之unload、resize和scroll

    unload事件

      当页面卸载或用户从当前页面换到其他页面上时,会在window上触发unload事件。根据DOM2级规范规定,unload应该在body上触发,但所有浏览器都实现了在window上触发unload,以保证向后兼容。

      与load事件相同,也有两种绑定方式,推荐使用JavaScript方式:

    <!-- html特性方式 -->
    <html>
    <head></head>
    <body unload="alert(unloaded!)"></body>
    </html>
    //JavaScript方式
    EventUtil.addEvent(window,'unload',function(event){
        alert('unloaded!');
    });

    resize事件

    当浏览器窗口大小发生变化时,会在window上触发resize事件;注意,firefox浏览器会在窗口大小停止变化时才触发resize事件,而其他浏览器则在窗口发生1px的变化就触发,因此建议不要在你resize事件处理程序中有大量的计算。

    scroll事件

    当页面随滚动条滚动时会触发连续scroll事件;混杂模式下,基于body计算滚动距离,在标准模式下,基于document计算滚动距离:

    EventUtil.addEvent(window,'scroll',function(event){
        var event = EventUtil.getEvent(event);
        if(document.compatMode=='CSS1Compat){
            alert(document.documentElement.scrollTop);    
        }else{
            alert(document.body.scrollTop);
        }
    });
  • 相关阅读:
    Luogu P3275 糖果
    Python基础学习
    SharePoint 2013
    Office
    KnockoutJS
    SharePoint 2013
    Bootstrap
    SharePoint 2013
    CSS
    AngularJS
  • 原文地址:https://www.cnblogs.com/luoshufang/p/5714251.html
Copyright © 2011-2022 走看看