如何判断鼠标是否离开页面

01.需求

运营希望当鼠标移动到浏览器和页面的交界处的位置触发弹窗显示,因为通常情况下默认为这种行为是要离开当前的页面,实现思路,监听鼠标的移动位置,当鼠标大致在某个区域的时候就触发弹窗的显示

02.思路

通过MouseEvent.clientX,它提供事件发生时的应用客户端区域的水平坐标 (与页面坐标不同)。例如,不论页面是否有水平滚动,当你点击客户端区域的左上角时,鼠标事件的 clientX 值都将为 0 。最初这个属性被定义为长整型(long integer),如今 CSSOM 视图模块将其重新定义为双精度浮点数(double float)。你可以查阅浏览器兼容性部分的文档来进一步了解有关信息。