javascript - Esc取消拖动事件jquery拖动

Question

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

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

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

我们如何使用http://threedubmedia.com/code/event/drag取消按ESC键的拖动？

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