首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    实现一个hoverDelay延迟hover

    需求背景 经常在页面开发中,需要使用hover事件来触发相应的网络请求或页面DOM元素显示切换,需要考虑的问题就有了: hover动作非常快,如果一hover就请求,会造成多余请求的浪费,造成后端接口不必要的压力...如何判断这个用户hover是想做一定的操作,而不是鼠标误触 构造这个hover延迟的时候,怎样封装才能通用使用 先来看一下效果演示: See the Pen 问题思考 基于上述的问题,思考是如下: 当用户hover停留在某一DOM元素上一定时长时,比如500ms,才认为这个用户是实际想要做某种操作,这时候在实际的进行相应的网络请求或页面DOM元素显示切换...如果在500ms之前就移开,就算是用户误触误滑,不做任何处理 构造hover通用封装时,采用jQuery的插件开发的方式,形成通用的解决方案 代码封装 基于jQuery的插件系统,实现的hoverDelay...|| {}); var hoverTimer; var outTimer; return $(this).each(function () { $(this).hover

    1.6K20
    领券