js设置鼠标两秒不动,隐藏鼠标

这篇具有很好参考价值的文章主要介绍了js设置鼠标两秒不动,隐藏鼠标。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

最新项目中开发了个展示大屏的页面,忽然发现鼠标在大屏展示时很突兀,于是写个了2秒不动隐藏鼠标的方法,大家可以借鉴一下。
var timer;
var hidding = false;
$(document).mousemove(function () {
if(hidding){
hidding = false;
return;
}
if (timer) {
clearTimeout(timer);
timer = 0;
}
$(‘html’).css({
cursor: ‘’
});
timer = setTimeout(function () {
hidding = true;
$(‘html’).css({
cursor: ‘none’
});
}, 2000)});文章来源地址https://www.toymoban.com/news/detail-495258.html

到了这里,关于js设置鼠标两秒不动,隐藏鼠标的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-Ui table只显示一行超出文字隐藏为...,鼠标移入显示所有内容。:show-overflow-tooltip=“true“,并设置弹出内容的宽度。

    element-UI table文字超出一行,隐藏多余文字,移入显示tips。 今天写项目的时候想实现一个table单元格文字只显示一行文字,剩余显示为...的功能,发现: 给el-table-column设置:show-overflow-tooltip=\\\"true\\\"属性可以使单元格超出的内容自动折叠显示为...当鼠标移入时单元格的上方会弹出一

    2024年02月11日
    浏览(53)
  • Qt 隐藏鼠标指针

    Qt 可以设置在软件窗口下的鼠标样式或者隐藏鼠标指针,通过setCursor可以实现,该接口可以在以下几个类中设置 这里以 QWidget 下来举例说明。 1.如果只希望在某个 widget 中不显示鼠标指针,那么在该 widget 的构造函数中调用 2.如果希望整个应用程序不显示鼠标指针,那么在实

    2024年02月11日
    浏览(49)
  • unity如何锁定鼠标光标位置并且隐藏

    unity如何锁定鼠标光标位置并且隐藏?常见fps游戏需要这样的设定 Unity中隐藏鼠标光标的方法是使用 Cursor.visible 属性和 Cursor.lockState 属性。 要隐藏鼠标光标,可以将 Cursor.visible 属性设置为 false,同时将 Cursor.lockState 设置为 CursorLockMode.Locked,这将锁定鼠标在屏幕中央并隐藏光

    2024年02月08日
    浏览(43)
  • 互动直播 之 全屏播放时 鼠标隐藏功能

    目录 一、鼠标自动隐藏显示 1、鼠标移动时,记录移到时的时间点,并显示鼠标

    2024年02月07日
    浏览(35)
  • 【CSS】鼠标(移入/移出)平滑(显示/隐藏)下划线

    鼠标移入内容时,下划线从 左 开始绘制到 右 侧结束 鼠标移出内容时,下划线从 左 开始擦除到 右 侧结束 我们给内容添加一个黑色背景 background: #000; 示例 效果 将黑色背景 background: #000; 替换成彩色渐变背景 background: linear-gradient(to right,#ec695c,#61c454); 示例 效果 宽度设置100个

    2024年02月09日
    浏览(53)
  • css滚动条变细且隐藏,鼠标移入显示

    全局修改滚动条的样式,让滚动条变细且隐藏,只有鼠标移入到所属区域时才显示。 滚动条可设置的元素: 元素后面还可以跟一些事件:

    2024年01月19日
    浏览(43)
  • Vue中实现鼠标移入显示,移出隐藏滚动条

    实现目标:鼠标移入显示滚动条,移出隐藏滚动条。 1、 html 结构内容如下: 注意:文本内容需要溢出容器才能显示滚动条。 代码说明: 2、 css 样式: 注意:该样式存在兼容性问题,只在以 webkit 为内核的浏览器才可使用。 3、 js 功能实现: 4、效果演示 补充:实现隐藏滚

    2024年04月22日
    浏览(78)
  • UE4 在游戏运行时显示或隐藏鼠标

    在关卡蓝图中进行如下设置,当按下“Tab”键时显示鼠标,按第二次隐藏,以此类推: 如果希望显示鼠标的同时还能够触发点击事件,就添加如下两个节点 然后就可以在蓝图中编辑静态网格体的点击事件:

    2024年02月11日
    浏览(42)
  • el-table溢出隐藏 鼠标移入显示tooltip逻辑

    文件 element-ui/packages/table/src/table-body.js 截取部分代码 记录点 鼠标事件 mouseenter / mouseleave (新), mouseover / mouseout (旧) 新的鼠标移入移出事件,去掉了冒泡和捕获的特性 mouseenter:鼠标第一次移动到元素区域时触发 (新) mouseleave:移出时触发(新) mousemove:在元素上移

    2024年02月10日
    浏览(54)
  • el-button实现按钮,鼠标移入显示,移出隐藏

    2023.8.18今天我学习了 如何实现鼠标移入显示按钮,鼠标移出隐藏按钮。 效果如图: 鼠标移入时: 鼠标移出时:    原本我是想直接在el-button写入这两个方法,但是elementUI并不支持。 所以我在外面套了一层div

    2024年02月12日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包