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