jQuery – 鼠标经过(hover)事件的延时处理

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

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

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

二、代码与实现

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