为用户离开意图创建布局

Question

我想了解如何捕获用户意图，即当用户决定离开页面并移动他/她的鼠标时（现在），向他们展示替代版本（不刷新）。

的example

当你打开这个页面，它会告诉你几个房源。现在，如果您再次将鼠标移动到地址栏。它隐藏了内容并显示了布局的一个单独部分，基本上是一个带有一些消息传递的模式窗口。

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

任何帮助将受到欢迎。

Answer 1

使用文档mouseleave和mouseenter可以实现此目的。

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

FIDDLE DEMO