使用Glio.js检测鼠标何时离开窗口

您要关闭标签多少次，然后看到一个模态窗口要求您停留多少次？ 如今，这似乎很平常，并且这样做是出于一个原因：它有效！

您可以使用Glio.js库构建类似的效果。 这是一个免费的开源JS脚本，可检测用户的鼠标光标何时靠近边缘或何时离开浏览器窗口 。

这可用于尝试将访问者留在您的网站上 。 但是，如果用户的鼠标移到屏幕的一侧很远，它也可以用于创建动态效果 。

在Web上您会发现很多这样的退出意图脚本 ，其中大多数很难定制 。 但是，这就是使Glio.js如此出色的原因。

它是一个功能强大的库， 可让您控制屏幕操作。 如果用户的鼠标离开浏览器，则可以显示模式 ， 更改背景颜色或完全不执行任何操作 。

它还带有内置的热点 ，您可以在用户的​​鼠标靠近屏幕四个角中的任何一个时检查它们。 您还可以定义回调方法以及在运行任何操作之前游标应关闭的距离 。

要使用Glio，只需从GitHub下载副本并安装即可。 您还可以从Bower，npm或直接从CDN提取副本。

使用页面中的脚本，您只需添加以下一行代码 （使用您的选项自定义）：

glio.init( [ direction, callback ] );

direction选项可以是代表屏幕顶部的任何角（例如“左上角”）或“顶部” 。 您的回调函数是您要在用户的鼠标过于靠近时运行的JS代码 。 其他选项可让您定义到方向点的距离 ，您可以在GitHub上找到相关信息。

因此，如果您正在寻找一个简单的脚本来检测退出意图，那么 Glio是必不可少的资源。

翻译自: https://www.hongkiat.com/blog/detect-cursor-leaving-browser-gliojs/