Echap pour annuler l'événement glisser jquery glisser

Question

J'utilise http://threedubmedia.com/code/event/drag

Parfois, l'utilisateur commence accidentellement un frein ou pour toute autre raison veut annuler glisser, comment cela peut-il être atteint?

Une pratique standard est que l'utilisateur peut appuyer sur esc. Comment pouvons-nous annuler la traînée avec la presse d'esc en utilisant http://threedubmedia.com/code/event/drag?

Answer 1

Vous pouvez attacher un événement à la page pour écouter la clé Esc, puis déclencher manuellement l'événement 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'); 
    } 
});