jQuery - 根据鼠标位置显示div

Question

好的，我完全陷入困境......

我在隐藏的div中有一个图像。我想只显示图像，如果鼠标的x坐标在0到200像素之间。

基本上是这样的：

if pageX <= 200 {
 show div 
} else {
 hide div
}

任何建议都会非常感激！

Answer 1

首先，您必须获得鼠标位置，然后检查它是否小于200：

$(document).mousemove(function(e){
    if (e.pageX < 200) {
        $('div').show();
    }
    else {
        $('div').hide();
    }
}

编辑：我没有检查它是否大于零，因为如果鼠标在窗口之外，则不会触发处理函数

jQuery's Tutorial: Mouse Position

Answer 2

您还可以使用toggle()：

$(document).mousemove(function(e){
    $('div').toggle(e.pageX < 200);