javascript - 如何在鼠标点击页面底部时触发事件

标签 javascript jquery html css

我正在尝试实现一个类似于 Windows 任务栏的菜单栏。我想要模拟的属性之一是当鼠标进入页面底部时隐藏/显示。 如何检测鼠标何时位于页面底部?

首先,是否有用于 JQuery 或类似库的插件已经实现了此操作?

一个可能的解决方案是在底部使用一个不可见的 div,当鼠标进入时触发事件。我想知道是否有比这更好的解决方案。

最佳答案

如果使用jQuery不是问题

window.onmousemove= function(e){
 if(e.y>= $(document).height()-10)
    alert('you did hit the bottom!');
}

会的。检查这个Fiddle

注意:我给了10px的喘息空间

更新: 摆弄像 div 这样的任务栏 - Updated Fiddle

关于javascript - 如何在鼠标点击页面底部时触发事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22731164/

相关文章:

jquery切换slideUp/slideDown

javascript - 修复了 ios 上的导航在水平滚动时移动的问题

javascript - 窗口调整大小时按钮跟不上 slider

javascript - 网站加载页面导致错误

javascript - 在页面加载之前加载进度条

javascript - React 路由器历史记录是字符串?

javascript - 使用javascript更改类

javascript - 随机显示,但不重复直到结束不起作用

javascript - json:无法将字符串解码为 main.test_struct 类型的 Go 值

javascript - jQuery - 自动完成属性未应用于动态创建的组合框?