jQuery.event.drag是一個使用jQuery實現的拖拽插件,可以輕松實現各種拖動效果。
$.drag = { delay: 200, distance: 10, which: {left: 1, middle: 2, right: 3}, cursor: { start: 'move', drag: 'move', }, path: { 0: 'up', 1: 'right', 2: 'down', 3: 'left' } };
使用該插件非常簡單:
// 綁定拖拽事件 $(selector).bind('drag', function(event, dd) { // 處理拖拽過程中的邏輯 }); // 綁定拖拽開始事件 $(selector).bind('dragstart', function(event, dd) { // 處理拖拽開始的邏輯 }); // 綁定拖拽結束事件 $(selector).bind('dragend', function(event, dd) { // 處理拖拽結束的邏輯 });
其中,dd參數代表了拖拽的一些信息,包括了鼠標位置、按下的鍵位、拖拽距離等等。
jQuery.event.drag不僅實現了基礎的拖拽功能,還支持多種擴展,比如限制拖拽方向、限制拖拽范圍等等。
總之,使用jQuery.event.drag可以讓我們十分方便地實現拖拽效果,而且還可以通過擴展獲得更多功能!
下一篇vue怎么請求接口