javascript - 为用户离开意图创建布局

标签 javascript html css layout cursor-position

我想了解如何捕捉用户意图,即当用户决定离开页面并移动他/她的鼠标时(截至目前),向他们显示替代版本(不刷新)。

example

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

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

欢迎任何帮助。

最佳答案

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

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

FIDDLE DEMO

关于javascript - 为用户离开意图创建布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24408140/

相关文章:

javascript - 在 react 中上传和读取文件

javascript - jQuery 使用类调用 td

html - 使文本保留在一个 div 中

javascript - 如何让表格行固定在左边

javascript - 与 Bootstrap 表内的嵌套循环进行淘汰赛绑定(bind)

html - CSS nth-child : How will nth-child will work even inside a container

javascript - 当我加载 html 页面时,如何将表格设置为已经在某一列滚动?

html - 多个 CSS 页面计数器

css - css 中的 moz-flex webkit-flex 是什么?

javascript - 如何根据 JSON 对象的属性动态填充 Angular JS 中的显示对象。