CODEWITHSUNDEEP
javascriptjquerydragonkeypress
Martin
Martin

Reputation: 1435

Esc to cancel drag event jquery drag

I am using http://threedubmedia.com/code/event/drag

Sometimes user accidentally starts a drag or for any other reason wants to cancel drag, how can this be achieved?

A standard practice is that user can press esc.

How could we cancel drag with esc press using http://threedubmedia.com/code/event/drag?

Upvotes: 0

Views: 592

Answers (1)

Amy
Amy

Reputation: 7466

You can attach event to the page to listen for Esc key and then manually trigger the dragend event. 

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

Upvotes: 2

Related Questions