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);

    }

});

巴特西

UI事件之unload、resize和scroll

最新文章

热门文章