Esc取消拖動事件jquery拖動

Question

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

有時用戶不小心開始拖動或出於任何其他原因想要取消阻力，這怎么能實現呢？

標准做法是用戶可以按esc。

我們如何使用esc press取消拖動使用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');
    }
});