jquery - 鼠标移动事件问题

Question

我开发了 Mac Style Doc Menu。当光标距离底部 100px 时，文档菜单将显示。否则菜单被隐藏。现在的问题是我只能在光标静止时使用 e.clientX 和 e.clientY。

有什么办法可以解决吗？下面是我用于动画的代码。

$(window).mousemove(function (e) {
    if ((window.innerHeight - e.clientY) <= 50) {
        $('.wrap').stop(true);
        $('.wrap').animate({
            bottom: 5
        }, 1000);
    } else {
        $('.wrap').stop(true);
        $('.wrap').animate({
            bottom: -100
        }, 1000);
    }
});

Answer 1

感谢您的所有建议。

在这个问题上花了几个小时后，我觉得我应该分享找到的解决方案。我没有使用 Jquery，而是使用了平面 JavaScript 事件监听器，并在条件匹配时添加了回调函数。

如何添加事件列表器的简单示例。如果有人需要完整的代码，请告诉我，我也会添加。

var myListener = function (e) {

    document.body.innerHTML = 'Mouse first moved: ' + e.clientY +"---"+e.clientX
};

document.addEventListener('mousemove', myListener, false);

fiddle 链接

http://jsfiddle.net/JQBmA/#&togetherjs=wUsP1yGylU

问候，