html - 无法拖放任何链接到如果某些链接已经粘贴到前

Question

如果某些链接已经被拖放到输入中，则默认情况下不可能将任何链接粘贴<a href="#">Link for Drag and Drop</a>到Chrome 中的 HTML5 拖放。<input type="text"/>

它也可以在 StackOverflow 站点上重现。尝试将“stackoverflow”链接拖放到“搜索...”输入，它一开始可以正常工作。再试一次，在拖动<input>Chrome 期间将光标更改为“不允许”

作为解决方法，您可以在第二次拖动之前单击任意位置，现在可以将链接粘贴到相同的输入。

它适用于 Firefox、IE、Edge，但不适用于 Chrome。

第二次尝试拖放 Chrome 的链接：

第二次尝试拖放 Firefox 的链接：

有人可以解释一下 Chrome 拖放功能的这种行为吗？

标签： htmlgoogle-chromedrag-and-drop

Answer 1

我已经找到了 Chrome 出现这种行为的根本原因。 当您成功完成拖放操作时，即使您在屏幕上看不到，粘贴到输入的链接文本仍然被选中。这仅适用于 Chrome。 所有其他浏览器在完成拖放后从目标<input>/删除选择。<textarea>

结果，您无法完成对选定文本的拖放，但您可以在 JS 下一次拖动之前删除选择： https ://jsfiddle.net/Klyuch/98tLcxhw/13/