Esc取消拖動事件的jQuery拖

Question

我使用http://threedubmedia.com/code/event/drag

有時用戶不小心啓動拖動或任何其他原因想取消的阻力，如何才能實現這一目標？

標準做法是用戶可以按esc鍵。

我們怎樣才能取消拖動與esc按使用http://threedubmedia.com/code/event/drag？

Answer 1

您可以將事件附加到頁面上以偵聽Esc鍵，然後手動觸發dragend事件。

var ESCAPE_KEYCODE = 27; 
var dragEl = $('.draggable').drag(function(ev, dd){ 
    // do stuff 
}); 

$(document).on('keyup', function(e) { 
    if (e.keyCode === ESCAPE_KEYCODE) { 
     $(dragEl).trigger('dragend'); 
    } 
});