拖动到输入的链接并将其文本附加到其中

dragging a link to an input and append its text to it

本文关键字：文本输入链接拖动更新时间：2023-09-26

如果将任何超链接<a href="go.php">拖动到输入（例如搜索输入），href属性将附加到输入的内容<input type="text" value="http://domain.com/go.php" />

有没有办法附加title属性，或者innerHtml？

我这样问是因为我想避免使用jQueryUI的可拖动扩展。

任何想法都会有所帮助。

如果您将任何超链接拖动到输入（例如搜索输入），href属性被附加到输入的内容，

我认为你的意思是输入的值被设置为链接的href。无论如何，它不在IE 8中。

还有其他拖放库的开销比jQuery+jQueryUI小得多，我怀疑其中许多库将允许您在将一个元素拖动到另一个元素时执行您想要的操作。例如，myLibrary有一个attachdrag函数，您可以在其中指定元素被丢弃时会发生什么。

因此，只需检查已删除元素的标记名，如果它是A，则查找href以检查它是否是链接，然后执行您想要的操作。

正如James所说，这确实是一个浏览器功能，JavaScript似乎无法拦截它；也就是说，当你将鼠标放在输入字段上时，如果你正在将元素拖动到其中，则不会触发任何事件。如果你设置为不使用draggable，一种选择是每当鼠标在链接上向下移动时，在输入元素上加上掩码，存储它们的位置，然后在鼠标返回时查询这些位置，以确定哪个输入字段是目标输入字段。