title: Stop a textarea acting as a drag target for images
body: <p>I have various elements on the page that can be dragged onto various drop zones. However for the textarea I can't find a way to show to the user that a draggable image suitable for a different zone, may not be dropped in the textarea.</p>
  
  <p>I tried all kinds of combinations handling the ondragenter and ondragover events but it has been impossible to show the "no drop" icon when the image is dragged over the textarea.</p>
  
  <p>There are lots of tutorials and tips on how to made a drop zone accept everything. I want to know how to make a dropzone and a textarea in particular reject a drag item. Turning of drag behavior for the item is not an option because there are other zones that should accept that image.</p>
  
  <p>This JS fiddle shows that by default an image can be dragged into a textarea resulting in the URL being shown. I would love some help showing me how to stop that.</p>
  
  <pre><code>function dragstart(event) {//stuff}
  
  function dragenter(event) {event.preventDefault();}
  
  function dragover(event) {event.preventDefault();}
  
  function dragdrop(event) {event.preventDefault();}
  </code></pre>
  
  <p><a href="http://jsfiddle.net/mWKd3/16/" rel="nofollow">http://jsfiddle.net/mWKd3/16/</a></p>