Esc取消拖动事件jquery拖动

Question

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

有时用户不小心开始拖动或出于任何其他原因想要取消阻力，如何实现？

标准做法是用户可以按esc。

我们怎样才能使用http://threedubmedia.com/code/event/drag？

取消esc press的拖动

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');
    }
});