滑鼠經過 hover 事件的延時處理

2022-02-07 17:48:29 字數 858 閱讀 8582

滑鼠經過事件為web頁面上最常見的事件之一。簡單的hover可以用css :hover偽類實現,複雜點的用js。

一般情況下,我們是不對滑鼠hover事件進行延時處理。但是,有時候,為了避免不必要的干擾,常會對滑鼠hover事件進行延時處理。所謂干擾,就是當使用者滑鼠不經意劃過摸個鏈結,選項卡,或是其他區域時,本沒有顯示隱藏層,或是選項卡切換,但是由於這些元素上繫結了hover事件(或是mouseover事件),且無延時,這些時間就會立即觸發,反而會對使用者進行干擾。

比較適用於類似場景:

下面貼出實現**

(function

($) ;

}var settings = $.extend($.fn.hoverdelay.defaults, options ||{});

varhovertimer, outtimer;

return

this.each(function

() , settings.hoverdelay);

},function

() , settings.hoverremove);

});});

};$.fn.hoverdelay.defaults =,

mouseout:

function

(selector)

};})(jquery);

以上**收集自:海丁網。  張鑫旭 部落格詳細介紹了此種情況,也給出了實現方式,二者**沒什麼差別,個人只是更習慣海丁網引數的命名方式。

我可是最愛用的 camel 啊,這不科學...

c 滑鼠經過事件

滑鼠經過提示有2種方法 1 需要寫乙個滑鼠經過事件,所以先去註冊宣告乙個事件 btn.mouseenter new eventhandler btn mouseenter btn是按鈕的name 然後再想普通事件一樣,寫事件發生函式 void btn mouseenter object sender...

VB 獲取物件滑鼠經過與離開事件

在編寫程式時,有時,為了美化操作,或者進行特殊資料的提醒,比如,自定義tooltips,可以通過下面的 實現,或者,當滑鼠經過按鈕時,進行特殊提醒等操作,可以用如下方法實現 注意 如果是按鈕,像下面的程式,背景是否表色還要看按鈕的style是否是1,只有是1,才會有如下圖效果。private dec...

jQuery中的hover事件

在我們之前學習前端的過程中了解到了很多 的作用,特別是js中所使用的方法,我之前也介紹過很多實用的js方法,今天要給大家介紹的是jquery中的乙個比較特殊的乙個方法 hover 先前說過,我們在程式設計的時候最不想看到的結果是方法效果實現了,但是 量卻出乎意料的繁雜 量大,所以在寫 的時候通常會使...