如何HTML5-拖动其中包含链接的元素

时间:2015-03-16 18:33:28

标签: javascript css html5

我有一个内部有链接的元素,我希望它可以拖动。元素如下所示:

<div draggable="true">
    <a href="#">122/1</a>
</div>

拖动本身工作正常,即所有预期的事件都被触发。但是,当用户单击要拖动的链接时,该元素将不会被拖动。在Safari和Chrome中,我看到一个带圆角的灰色框,其中包含文本和链接的href,因此看起来我只拖动链接而不是元素。看到这个小提琴:http://jsfiddle.net/xzroj7ey/4/。点击要拖动的链接时,div仍会触发其dragstart事件,但不会被拖动。

如何在拖动时正确显示带有链接的版本?

0 个答案:

没有答案