javascript - 使用 jquery 检测鼠标何时通过页面顶部离开

Question

这个 Jquery 问题已经困扰我一段时间了。我开发了一个脚本，其中一个功能是检测鼠标何时从页面顶部离开。这是代码:

    $(document).bind("mouseleave", function(e)
    {
    console.log(e.pageY);
    if (e.pageY <= 1)
        {    
        now = new Date();           
        for (i=0; i < times.length; i++)
            {
            if (now.getTime() > times[i][0] && now.getTime() < times[i][1])
                {
                    $.fn.colorbox({iframe:true, width:650, height:600, href: "work.html", open: true});          
                }    
            }
        }
    });

这对我来说适用于所有浏览器。由于某种原因，它在 Chrome 中随机运行，而对于测试该站点的 friend 来说，它在 Firefox 中似乎根本不起作用。在我的浏览器(firefox 3.5.3)中，e.pageY 在控制台框中记录为接近 0 的数字，但是在我的 friend 浏览器(也是 firefox 3.5.3)中，最低值约为 240。我不知道为什么会这样正在考虑使用相同的浏览器。有没有人知道如何调试这个，或者其他更可靠的方法来检测鼠标何时通过顶部离开网页？我希望这是有道理的。

Answer 1

如果您的窗口向下滚动，就会出现问题，添加一堆 <br/>转到您的页面并向下滚动一行，您就会看到它。

因此与其查看 e.pageY <=1，不如减去 scrollTop:

if (e.pageY - $(window).scrollTop() <= 1)
    {    
    // do something
    }