title: How to constrain movement when using HTML5 native drag and drop?
body: <p>Various JavaScript libraries, such as jQuery UI, offer drag-and-drop interactions where you can <a href="http://jqueryui.com/demos/draggable/#constrain-movement" rel="noreferrer">constrain the movement</a> of the dragged element to a single axis, or within a particular area. </p>
  
  <p>Is this sort of thing possible using the native <a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Drag_and_drop" rel="noreferrer">HTML5 drag and drop</a> API?</p>