sunshineshy

一、关于鼠标hover事件及延时

鼠标经过事件为web页面上非常常见的事件之一。简单的hover可以用CSS :hover伪类实现,复杂点的用js。

一般情况下,我们是不对鼠标hover事件进行延时处理。但是,有时候,为了避免不必要的干扰,常会对鼠标hover事件进行延时处理。所谓干扰, 就是当用户鼠标不经意划过摸个链接,选项卡,或是其他区域时,本没有显示隐藏层,或是选项卡切换,但是由于这些元素上绑定了hover事件(或是 mouseover事件),且无延时,这些时间就会立即触发,反而会对用户进行干扰。

二、代码与实现

说到延时,离不开window下的setTimeout方法,本实例的jQuery方法的核心也是setTimeout。

分类:

技术点:

相关文章:

  • 2021-08-06
  • 2022-03-01
  • 2021-11-18
  • 2021-12-09
  • 2021-09-19
  • 2021-12-07
  • 2021-11-01
猜你喜欢
  • 2021-11-01
  • 2022-01-20
  • 2021-11-29
  • 2021-10-16
  • 2021-12-06
相关资源
相似解决方案