我有一个内部有链接的元素,我希望它可以拖动。元素如下所示:
<div draggable="true">
<a href="#">122/1</a>
</div>
拖动本身工作正常,即所有预期的事件都被触发。但是,当用户单击要拖动的链接时,该元素将不会被拖动。在Safari和Chrome中,我看到一个带圆角的灰色框,其中包含文本和链接的href
,因此看起来我只拖动链接而不是元素。看到这个小提琴:http://jsfiddle.net/xzroj7ey/4/。点击要拖动的链接时,div
仍会触发其dragstart
事件,但不会被拖动。
如何在拖动时正确显示带有链接的版本?