javascript监听事件之监听页面滚动的内容解析

function pageChange () {
    // ... 页面滚动时，需要做的事情
}
window.addEventListener("scroll" , pageChange, false);

知识点

1、使用 window.addEventListener 和 document.addEventListener 来处理页面上的事件，区别仅仅在于：不同事件模型上，处理的顺序不一样。

捕获，window 先于 document

冒泡，document 先于 window

2、参数
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false)

1) type: String 事件的类型

2) listener: Function 侦听到事件后处理事件的函数

3) useCapture: Boolean(default = false)
这里牵扯到“事件流”的概念。
侦听器在侦听时有三个阶段：捕获阶段、目标阶段和冒泡阶段。
顺序 为：捕获阶段（根节点到子节点检查是否调用了监听函数）→

此处的参数确定侦听器是运行于捕获阶段、 目标阶段还是冒泡阶段。
如果将 useCapture 设置为 true，则侦听器只在捕获阶段处理事件，而不在目标或冒泡阶段处理事件。 如果useCapture 为 false，则侦听器只在目标或冒泡阶段处理事件。

要在所有三个阶段都侦听事件，请调用两次 addEventListener，一次将 useCapture 设置为 true，第二次再将useCapture 设置为 false。

4) priority: int (default = 0)
事件侦听器的优先级。
优先级由一个带符号的 32 位整数指定。
数字越大，优先级越高。
优先级为 n 的所有侦听器会在优先级为 n -1 的侦听器之前得到处理。 如果两个或更多个侦听器共享相同的优先级，则按照它们的添加顺序进行处理。
默认优先级为 0。

5) useWeakReference:Boolean (default = false) 　　
确定对侦听器的引用是强引用，还是弱引用。
强引用（默认值）可防止您的侦听器被当作垃圾回收。 弱引用则没有此作用。

获取页面滚动高度

代码

function getScrollTop() {
    return window.pageYOffset 
          
关键词：javascript监听事件之监听页面滚动的内容解析