使用ondragover将链接从另一个页面拖动到div

Question

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

我的猜测是，链接丢弃“接收器”未被激活，就像从页面中拖动链接时一样，但我不确切知道原因。

使用ondrop和ondragover的div的HTML：

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

相关的js：

function allowDrop(ev) {
    ev.preventDefault();
}
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    $("#linkin").val(data);
}

由于

编辑：我以网址为例。最终目标涉及从链接中提取页面标题等。