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的更多相关文章

  1. Javascript高级编程学习笔记（61）—— 事件（5）UI事件

    UI事件 UI事件是指那些不一定与用户操作有关的事件 这些事件在DOM规范出现之前,都是以各种不同的形式存在于不同的浏览器 而在DOM事件中为了保证向后兼容,现有的UI事件如下: DOMActivat ...

  2. 事件类型-UI事件、焦点事件

    DOM3级事件包括以下几类事件: UI事件:当用户与页面上的元素交互时触发 焦点事件:当元素获得或失去焦点时触发 鼠标事件:当用户通过鼠标在页面上执行操作时触发 滚轮事件:当使用鼠标滚轮时触发 文本事 ...

  3. React 函数组件中对window添加事件监听resize导致回调不能获得Hooks最新状态的问题解决思路

    React 函数组件中对window添加事件监听resize导致回调不能获得Hooks最新状态的问题解决思路 这几天在忙着把自己做的项目中的类组件转化为功能相同的函数组件,首先先贴一份该组件类组件的关 ...

  4. UI事件监听的击穿

    什么是UI事件监听的击穿 在游戏视图中,有两个UI界面叠在一起的时候,单击一个空白处,却触发了被覆盖在下层了UI界面中的单击事件,这就是单击击穿了上层界面. 假设场景中放置了一个箱子,单击箱子会触发一 ...

  5. UI事件之load

    load事件属于CSS3规范中的UI事件,load事件处理程序在页面元素和资源(html/script/link/img等)全部加载完成后在window上触发,或在img元素加载完成后再img元素上触 ...

  6. Android学习笔记－－处理UI事件

    Handling UI Events 在Android里, 有不只一种方式可以截获用户与你的应用程序交互的事件. 在你的界面上处理事件时,你需要捕获用户与某个View实例交互时所产生的事件.View类 ...

  7. UI事件与内容，舞台与演员

    UI事件:创建/清除/显示/隐藏/填充内容/位置变化/形态变化/尺寸变化/颜色变化/ 非UI事件:点击/输入/拖动/

  8. unity UI事件

    由于工作需要到持续按键,所以了解了一下unity UI事件,本文主要转载于http://www.cnblogs.com/zou90512/p/3995932.html?utm_source=tuico ...

  9. window resize和scroll事件的基本优化

    转自 http://www.kankanews.com/ICkengine/archives/6564.shtml

随机推荐

  1. vs2012 设计器 视图异常

    WPF 开发/(其他xaml app 的开发) 的时候 设计视图功能非常方便  不过有时候经常遇到 设计器加载失败的情况,原因很多  很多时候是代码问题导致,设计器无法展现视图,也有sliverlig ...

  2. React-Native之ViewPagerAndroid的使用

    刚接触React-Native不久,我就被深深折服了. 前几天做项目用到了ViewPager做广告页,在研究了一番官方文档之后,终于也是大体做出来了,今天就分享给大家吧. 其实,大家如果使用过Andr ...

  3. Sql Server相关的性能计数器

    OS Memory and Paging 性能计数器: 1.Memory\Availability Mbytes   未使用的物理内存(非页面文件),通常情况下它应该大于100MB 2.Memory\ ...

  4. 复习篇（一）Activity的生命周期和启动模式

    (一)关于<intent-filter>中的<data> 当设置<data>过滤器的时候,使用intent的时候必须要设置响应的匹配,否则无法匹配成功.不过不设置则 ...

  5. Lowest Bit（hdoj1196）

    Lowest Bit Problem Description Given an positive integer A (1 <= A <= 100), output the lowest ...

  6. Redis存储Session

    net Core 使用Redis存储Session   前言 Asp.net Core 改变了之前的封闭,现在开源且开放,下面我们来用Redis存储Session来做一个简单的测试,或者叫做中间件(m ...

  7. bokeh-scala

    使用bokeh-scala进行数据可视化 目录 前言 bokeh简介及胡扯 bokeh-scala基本代码 我的封装 总结 一.前言 最近在使用spark集群以及geotrellis框架(相关文章见h ...

  8. 编译安装mysql5.7.9

    第一步:安装一些可能会用到的依赖 yum -y install gcc-c++ ncurses-devel cmake make perl gcc autoconf automake zlib lib ...

  9. QtWaitingSpinner

    https://github.com/snowwlex/QtWaitingSpinner

  10. css 优先级

    css优先级的四大原则: 原则一: 继承不如指定 如果某样式是继承来的永远不如具体指定的优先级高.例子1:CODE:<style type="text/css"> &l ...