Javascript 如何检查鼠标位置是否位于div的底部区域

我有几个部分，我想改变鼠标光标，如果鼠标是在该地区的底部，例如200px在这一部分

我尝试使用该代码，但它只适用于第一部分。e、 在下一节中不会重置页面

$("section").on('mousemove', function(e){
var sectionHeight = $(this).height();
  var vertical = e.pageY;
  console.log(vertical);
  if(vertical > (sectionHeight - 200)) {      
    $('body').css("cursor","pointer");
  } else{
    $('body').css("cursor","auto");
  }
}); 

非常感谢您的帮助。

您需要使用

offsetY

，它将为您提供与节相关的鼠标位置，请检查以下示例：

 var vertical = e.offsetY;

希望这有帮助

---

$（“节”）。在（'mousemove'，函数（e）上{
var sectionHeight=$（this.height（）；
垂直变量=e.offsetY；
控制台.日志（垂直）；
如果（垂直>（截面高度-50））{
$（'body'）.css（“光标”、“指针”）；
}否则{
$（'body'）.css（“光标”、“自动”）；
}
}); 
部分{
高度：100px；
宽度：100%；
边框：2倍实心#AAA；
}

AAAA
BBBB
中交

您需要使用
offsetY
，它将为您提供与节相关的鼠标位置，请检查以下示例：

 var vertical = e.offsetY;

希望这有帮助



$（“节”）。在（'mousemove'，函数（e）上{
var sectionHeight=$（this.height（）；
垂直变量=e.offsetY；
控制台.日志（垂直）；
如果（垂直>（截面高度-50））{
$（'body'）.css（“光标”、“指针”）；
}否则{
$（'body'）.css（“光标”、“自动”）；
}
}); 
部分{
高度：100px；
宽度：100%；
边框：2倍实心#AAA；
}

AAAA
BBBB
CCCC
基本上，有一个名为
offsetY
的属性，它告诉您光标在客户端边界框中的位置，因此在本例中，您的
：


$（“节”）。在（'mousemove'，函数（e）上{
如果（e.offsetY>$（this.height（）-100）{
$（this.css（“背景”、“蓝色”）；
}否则{
$（this.css（“背景”、“红色”）；
}
});
部分{
宽度：100%；
高度：400px；
背景：灰色；
}
基本上，有一个名为
offsetY
的属性，它告诉您光标在客户端边界框中的位置，因此在本例中，您的
：


$（“节”）。在（'mousemove'，函数（e）上{
如果（e.offsetY>$（this.height（）-100）{
$（this.css（“背景”、“蓝色”）；
}否则{
$（this.css（“背景”、“红色”）；
}
});
部分{
宽度：100%；
高度：400px；
背景：灰色；
}

你读过pageY的工作吗<代码>说明：鼠标相对于文档上边缘的位置。
我看不出重置它的理由。最好看看
e.clientY>e.clientHeight-200
，这很简单<代码>客户端[属性]
基于您当前的元素，而不是页面。您在
部分上有
mousemove
事件，但您希望获得
部分下方的光标位置。。事件将如何调用？@RayonDabre他想知道光标是否在部分的底部200像素处，因此它将调用。CSS解决方案：你读过pageY的工作吗<代码>说明：鼠标相对于文档上边缘的位置。
我看不出重置它的理由。最好看看
e.clientY>e.clientHeight-200
，这很简单<代码>客户端[属性]
基于您当前的元素，而不是页面。您在
部分上有
mousemove
事件，但您希望获得
部分下方的光标位置。。事件将如何调用？@RayonDabre他想知道光标是否在该部分的底部200像素处，因此，它将调用.CSS解决方案：如果
部分
处于绝对位置，并且位于页面底部，该怎么办？@RayonDabre完全没有区别，因为
clientY
是光标在边界框中的位置。添加
位置：绝对；顶部：500px和测试@RayonDabre这是抵销，我的错。但在这一点上，它也没有什么区别。如果
部分
是绝对定位的，并且位于页面底部，那会怎么样？@RayonDabre绝对没有区别，因为
clientY
是光标在边界框中的位置。添加
位置：绝对；顶部：500px和测试@RayonDabre这是抵销，我的错。但在这一点上，这又没有什么区别。