title: Disabling drag if Shift key is held down
body: <p>I have an image that I've set up with jQuery UI to be draggable. This works fine but now I'd like to be able to Shift-drag on the image to draw a box on the image and not have it move.  So if the Shift key is held down I don't want to do the drag. </p>
  
  <p>I've tried putting </p>
  
  <pre><code>if(e.shiftKey)return; 
  </code></pre>
  
  <p>at the top of the drag_start, dragging, and drag_stop functions but this doesn't do anything because the drag operation seems to be done internally in jQuery UI and the calls to drag_start, dragging and drag_stop are just courtesy calls to let you know what jQueryUI is currently doing.</p>
  
  <p>Is there a way to disable the drag if the Shift key is held down?</p>
  
  <p>Thanks</p>
  
  <p>(For more information on this see my  "answer" farther below with a jsfiddle.)</p>