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