javascript - JavaScript `onscroll` 事件独立（无框架）

Question

我需要一个独立的 JavaScriptonscroll事件处理程序（没有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);