How to stop dragging element on ESC?

[hyzhak]

I need to stop dragging element and return it to default state on ESC keypress. I'm using interact.stop() but it has bug #258 and even with this fix it doesn't trigger dragend event. So I need to trigger it manually. Is it ok? Maybe there other more convenient way to cancel/stop dragging on-a-fly?

[taye]

I've merged #258.

Manually creating and triggering a blur event on the window is probably the best way.

[hyzhak]

@taye thanks :). Why don't you think that interact.js should have such function?

[taye]

I think it should have it and I'm working on this in #231 but it will take some time.

[hyzhak]

@taye great, wish you good luck

[salzhrani]

@taye now that #231 is merged, is such functionality available ?

[taye]

@hyzhak @salzhrani In the latest unstable build you can use event.interaction.stop() to stop a drag, resize or gesture.

[spierala]

Hi @taye , when would you call event.interaction.stop() ? If you are dragging and then stop moving the mouse, then there is no event that I could use...
ESC should cancel the drag also if there is no mouse movement.

[mila76]

like @spierala i can get how to implement this..
i do a document event on keypress but interactions is not present and in some cases element.target is not the element currently drag but body (even if i currently moving a draggable)