滑鼠經過事件為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 先前說過,我們在程式設計的時候最不想看到的結果是方法效果實現了,但是 量卻出乎意料的繁雜 量大,所以在寫 的時候通常會使...