Eu tenho esse tipo de elemento:

<div draggable="true" id="item" style="margin:20px;background:red;height:400px;width:400px;">
    <a href="#" target="_blank">
        <img style="margin:40px;" src="http://www.placekitten.com/100/100" alt="">
    </a>
</div>

Quero poder:

Arraste toda a div, mesmo que eu clique na imagem / anchor (antes de arrastarAinda responde normalmente a um clique de âncora / imagem (sem arrastar

gora, apenas a imagem é arrastada quando clico nel

Aqui está um violino:http: //jsfiddle.net/M5tBd