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的教程：鼠标位置

Answer 2

你也可以使用toggle() ：

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