Javascript 鼠标移出，仅垂直向上移动

在我的个人网站上，我添加了引导模式弹出窗口，当用户移动到

这会触发一个模式，其中包含一些我希望用户在离开网站之前阅读的文本。 但是，如何仅在用户移动向上时触发此脚本？（移动到浏览器导航栏时）

函数confirmExit（）
{
$（'myModal'）.modal（'show'）；
}

如果您使用MouseEvent（onmouseout）中的clientY，您就知道（垂直）鼠标离开容器的位置。使用

getBoundingClientRect

您可以了解容器的位置，并可以推断鼠标是否放在上方或下方

希望有帮助，小演示

const triggerement=document.querySelector（'.trigger'）；
const alertElement=document.querySelector（'.alert'）；
onMouseOut函数（事件）{
const{target，clientY}=event；
const triggerBox=target.getBoundingClientRect（）；
如果（triggerBox.top>clientY）{
//替换为显示模态的代码
document.querySelector（'.alert'）.style.display='block'；
}
}
函数单击（事件）{
const{target}=事件；
target.style.display='none'；
}
triggerElement.addEventListener（'mouseout'，onMouseOut）；
alertElement.addEventListener（'click'，onAlertClick）
.trigger{
边框：1px灰点；
利润率：10px；
背景#fffff0；
填充：10px；
}
.警惕{
填充：10px；
显示：无；
利润率：10px；
边框：1px红色实心；
背景：粉红色；
}

老鼠出没
单击以关闭
<script language="JavaScript">
  function confirmExit()
  {
    $('#myModal').modal('show');
  }
</script>