JQuery實現滑鼠滑動多次,只觸發一次響應事件

2021-08-17 17:45:45 字數 790 閱讀 8993

正常在設定滑鼠滾輪事件的時候,一次滾動對應一次響應事件。但是按照使用者習慣,使用者一次滑動滑鼠滾輪的動作中,可能實際上滑鼠滾輪滾動了多次(通俗的講,就是使用者不會一下一下的滑動滾輪)。這樣實際上觸發了多次滾輪響應事件,無法達到理想中,使用者滑動一次滾輪,只產生乙個動作的效果,影響使用者體驗。

為了解決這一問題,可以設定乙個響應事件的觸發條件

(1)設定乙個boolean型的變數作為是否觸發滾輪響應事件的條件。初始值為true。

var doscroll = true;
(2)設定滑鼠監聽事件,當doscroll為true的時候,響應滑鼠滾輪事件。

(3)在響應滑鼠滾輪事件時,將doscroll設定成false,這樣可以保證,無論在這次響應過程中,又發生了多少滑鼠滾動事件,都不會再響應。

(4)當這次滑鼠滾輪響應事件結束後,將doscroll重新設定成true,以響應下一次滾輪事件。

(function(),speed,function() );

}}else,speed,function() );}}

if(ev.preventdefault)

} return false;

} addevent(odiv,'mousewheel',onmousewheel);

addevent(odiv,'dommousescroll',onmousewheel);

})();

思路大概就是這樣,具體**和使用方法可以參考我的另一篇關於全屏滾動的文章。搭配著看,效果更好。

OpenGL滑鼠滑動實現視角旋轉

思路 攝像機圍繞著中心點,以固定的半徑做圓周運動。記錄滑鼠在螢幕上滑動的距離,縮小到適合的比例,然後計算出移動後的攝像機的x和z座標。從而達到攝像機旋轉,即視角旋轉的目的。這裡最關鍵的地方在於lookat矩陣,lookat矩陣是一種特殊型別的view矩陣,通過直接賦值給view矩陣,然後把view傳...

Jquery滑鼠滑動到標籤當前位置後,固定在頂部

滑鼠滑動到標籤當前位置後,固定在頂部。需要固定的 html height 1000px width 500px border 1px solid red div 為了離頂部有一定距離 height 100px background yellowgreen class need fix div jqu...

mfc實現滑鼠滑動顯示提示資訊

1.在 dlg.h 檔案新增 滑鼠移動上方顯示資訊 ctooltipctrl m tip 2.在 dlg.cpp 檔案 新增 滑鼠移動上方顯示資訊 enabletooltips true m tip.create this m tip.activate true cwnd pw getdlgitem...