jquery.event.move.js是一個基于jQuery的移動事件插件。它包含了鼠標和觸摸屏的移動事件,并可以在元素被移動時實時調用回調函數。
該插件的初始化十分簡單:
$(selector).on('movestart', callback); $(selector).on('move', callback); $(selector).on('moveend', callback);
這個插件提供了三種事件類型: movestart(移動開始)、move(移動中)、moveend(移動結束)。分別可以綁定回調函數用于處理相應的事件。插件會在移動過程中持續調用綁定的回調函數。
該插件還提供了傳入參數限制元素被拖拽的方向和移動范圍,非常實用。例如:
$(selector).on('movestart', function(e) { e.preventDefault(); }, { x: '-10px - 200px', y: '-10px - 500px' });
這個例子將限制元素只能向左上方移動,并且只允許在兩個范圍內移動。你可以使用像'min - max'這樣的格式來設置范圍。
總的來說,jquery.event.move.js是一個十分實用的插件,適用于很多場景下。如果你正在開發一個需要拖拽功能的頁面,那么這個插件是一個不錯的選擇。
上一篇html照片特效代碼
下一篇css 奇行和偶行