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

Question

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

是否可以改为添加title属性，或innerHtml？

我问这个是因为我想避免使用jQuery UI的可拖动扩展。

任何想法都会有所帮助。

Answer 1

  

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

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

还有其他的拖放库比jQuery + jQueryUI的开销少得多，我怀疑它们中的许多都可以让你在将一个元素拖到另一个元素时做你想做的事。例如myLibrary有一个attachdrag函数，您可以在其中指定删除元素时会发生什么。

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

Answer 2

正如詹姆斯所说，这确实是一个浏览器功能，似乎JavaScript无法拦截它;也就是说，如果您将一个元素拖入输入字段，则在将鼠标悬停在输入字段上时不会触发任何事件。如果您设置为不使用draggable，则只要鼠标在链接上关闭，存储其位置，然后在鼠标返回时查询这些位置以确定哪个输入字段是目标