我有这种类型的元素:
<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>
我希望能够:
- 拖动整个 div,即使我单击 /anchorimage(拖动之前)。
- 仍能正常响应锚点/图像点击(无需拖动)。
现在,当我单击图像时,只会拖动图像。
这是一个小提琴:http://jsfiddle.net/M5tBd/
根据HTML5 编辑器规范草案、带有 href 元素的图像和锚点默认情况下都是可拖动的元素。您的锚点可能正在捕获 Dragstart 事件,从而阻止 div 获取它。尝试在您的<img>
and <a>
元素。
<div draggable="true" id="item" style="margin:20px;background:red;height:400px;width:400px;">
<a href="#" target="_blank" draggable="false">
<img style="margin:40px;" src="http://www.placekitten.com/100/100" alt="" draggable="false">
</a>
你的小提琴甚至无法在 Ubuntu 下的 Chrome 中为我拖动 img 元素,所以除此之外你可能还会遇到其他问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)