title: Using ESC event to cancel Drag and Drop
body: <p>I am looking for a way to allow a user to cancel a mouse drag operation by pressing the ESC key.</p>
  
  <p>Can this be done using Javascript?</p>
  
  <p>Thank you</p>
  
  <p><strong>Update</strong></p>
  
  <p>When the mouse is dragging a div element over a droppable area, pressing the ESC key should drag the element to an area that is not droppable.  Once the element is dragged to a non-droppable area, I invoke a "mouseup" event on the dragged element, which causes the dragged element to be dropped onto a non-droppable area.</p>
  
  <p>How can I do this using jQuery Draggable and jQuery Droppable?</p>