JS延时判断,改善中国博客联盟展示导航自动点击的灵敏度

说到JS延时点击,度娘给出的结果几乎都是js的延迟点击Demo,即鼠标产生一个mousehover事件之后,延迟多少秒执行点击动作。

本文主要分享一个带时间判断的js延时自动点击效果:当鼠标经过某页面元素,也就是产生一个mousehover事件时,触发js计时器,若经过指定时长后,鼠标还在这个元素上,将执行点击动作,否则计时器就清零,等待下一次的触发。

好了,说了一堆很费解的描述,一起来看下实际案例吧!

张戈研究这个JS特效的原因就是,博友ijustplay在我博客留言,说联盟的按钮太灵敏了,往往鼠标从浏览器标签页移动到联盟导航,想点击某个博客时,因为经过了导航的菜单,导致导航子页面的切换,体验不是很好。

JS延时判断,改善中国博客联盟展示导航自动点击的灵敏度

这个问题,其实我在前期加入自动点击功能的时候就已经发现了,但是一直也没去理他,既然有成员反馈了,张戈还是非常重视的,于是新一轮的折腾开始了。

在我同事的指点下,终于实现了这个带判断的延时点击效果。

以下是示例代码:

使用很简单,基本看注释就会用了,只要记得修改实际元素ID,并在代码之前引入Jquery.js即可。

目前,此功能已经应用到中国博客联盟的成员导航以及首页的分类菜单上。

效果:拖动鼠标自然经过成员导航的菜单按钮,是不会产生点击动作的,只有停留在菜单按钮才会生成点击动作。

Ps:经多次实际测试才得出最佳延时时间168ms:既不会因为鼠标不经意通过导致误点,也不会因为延迟太久,给人很迟钝的感觉,此问题完美解决!

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:14   其中:访客  10   博主  3

  1. 互传站长网 1 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 联通

    谢谢你的分享 文章很不错 以后会常来 也欢你的迎回访

  2. 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西百色市 电信

    平时我也使用,好像没遇到类似的问题,不会是我鼠标太不灵敏吧

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

      鼠标经过立即点击,这个问题确实是一直存在的,前些天才改善的,下一个动作就是夭折站点的自动化检测,相关脚本已正常工作,明天发布,如果你是VPS那也可以用得到,哈哈~~

      • 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

        目前还是用虚拟主机,如果能自动化检测夭折站点,做导航站就不用那么辛苦了

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

          这个其实很容易实现的,写个php就可以了,而且还可以自动检测,并自动删除相应数据。

          • 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

            我曾经下载过相应工具,效果不是很理想

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

              还是我在linux下写shell速度快,1分钟就可以找出有问题的站点。

  3. 王光卫中文博客 1 来自天朝的朋友 未知浏览器 Unknow Os 四川省成都市 电信

    分享精神要支持

  4. 动漫资讯 5 来自天朝的朋友 未知浏览器 Unknow Os 广东省中山市 电信

    博主的博客一直在改善哈

  5. 圆月博客 5 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

    张哥的技术,出神入化呀

  6. 一昕精选 3 来自天朝的朋友 未知浏览器 Unknow Os 山东省临沂市 联通

    膜拜技术帝啊 评论” />

  7. 灰常记忆 4 来自天朝的朋友 未知浏览器 Unknow Os 陕西省西安市 电信

    有时候博客联盟JS调用有点慢

  8. MOREOPEN 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

    张戈兄现在这技术越来越犀利了啊 评论” />

加载中,请稍候...