Javascript 为用户离开意图创建布局

我想了解如何捕获用户意图，即当用户决定离开页面并移动鼠标时（从现在开始），向他们显示备用版本（无需刷新）

一个

当您打开此页面时，它将显示几个列表。现在，如果您再次将鼠标移动到地址栏。它隐藏内容并显示布局的一个单独部分，基本上是一个带有一些消息的模式窗口

是否通过javascript处理-检测光标位置并更改布局

---

欢迎任何帮助。

使用文档mouseleave和mouseenter可以实现这一点

$(document).on('mouseleave',function(){
    $('#test').removeClass('disnone');
}).on('mouseenter',function(){
    $('#test').addClass('disnone');
});