JavaScript`onscroll`事件独立（没有框架）

Question

我需要一个独立的JavaScript onscroll事件处理程序（没有框架，如jQuery，Prototype，mootools等），它也是跨浏览器。

我搜索了一个，我只能使用jQuery或Prototype找到数千个例子。

Answer 1

来自element.addEventListener：

    function onScrollEventHandler(ev)
    {
        alert(ev);
        //http://dev.w3.org/2006/webapi/DOM-Level-3-Events/html/DOM3-Events.html#event-type-scroll
    } 

    var el=window;

    if(el.addEventListener)
        el.addEventListener('scroll', onScrollEventHandler, false);   
    else if (el.attachEvent)
        el.attachEvent('onscroll', onScrollEventHandler); 

Answer 2

在MDN上看到它：

https://developer.mozilla.org/en/DOM/window.onscroll

window.onscroll = function (e) {
  // called when the window is scrolled.
}

Answer 3

这是一种不同的方式

function ScrollFunction(){ ... }

var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var AddEvent = window[eventMethod];
var scrollEvent = eventMethod == "attachEvent" ? "onscroll" : "scroll";

AddEvent(scrollEvent, ScrollFunction, false);