Javascript 使用ondragover将链接从另一页拖到div中

Javascript 使用ondragover将链接从另一页拖到div中,javascript,jquery,html,Javascript,Jquery,Html,我想有一个链接拖动器,当链接被拖动到我页面上的一个div上时,它可以将特定输入框的值设置为链接的url。我有下面的代码,但只适用于从页面本身拖动的链接 我的猜测是,链接放置“receiver”没有像从页面中拖动链接那样被激活,但我不知道确切的原因 使用ondrop和ondragover的div的HTML: <div id = "add" ondrop="drop(event)" ondragover="allowDrop(event)"> 谢谢 编辑:我以URL为例。最终目标包括从

我想有一个链接拖动器,当链接被拖动到我页面上的一个div上时,它可以将特定输入框的值设置为链接的url。我有下面的代码,但只适用于从页面本身拖动的链接

我的猜测是,链接放置“receiver”没有像从页面中拖动链接那样被激活,但我不知道确切的原因

使用
ondrop
ondragover
的div的HTML:

<div id = "add" ondrop="drop(event)" ondragover="allowDrop(event)">
谢谢


编辑:我以URL为例。最终目标包括从链接中拖动页面标题等。

我认为,当您开始从另一个页面拖动时,您将焦点设置到该页面,当前页面在您单击该页面以激活它之前不会收到任何事件。我不知道这是否可能我知道facebook聊天室使用它,所以我可能只是不确定他们到底是怎么做的你想让他们把它放到div上的原因是什么?你可以在没有任何代码的情况下拖放一个指向文本输入的链接。我只是以URL为例。最终目标是从删除的链接中提取页面标题和其他内容。
function allowDrop(ev) {
    ev.preventDefault();
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    $("#linkin").val(data);
}