Question

我有这种元素：

<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/

Answer 1

根据HTML5 Editor's Draft spec，带有href元素的图像和锚点都是默认可拖动的元素。你的主播可能正在捕捉dragstart事件，阻止div获得它。尝试在<img>和<a>元素上设置draggable =“false”。

<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元素，所以你可能还有其他问题。

HTML5 - 使用div和内部图像拖放

1 个答案: