Tengo este 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>

Quiero poder:

Arrastre todo el div, incluso si hago clic en la imagen / anclaje (antes de arrastrar). Todavía responda normalmente a un clic de ancla / imagen (sin arrastrar).

Ahora mismo, solo se arrastra la imagen cuando hago clic en ella.

Aquí hay un violín:http: //jsfiddle.net/M5tBd