Javascript 将文本拖放到DIV上

我的网站上有一个div，当点击它时，它会显示搜索框（使用jQuery完成）

但是，我希望这个div接受拖放文本。在我的用例中，用户从站点上的任何位置选择常规文本，然后拖放它以将其复制粘贴到搜索框中

如果搜索框始终可见，他可以简单地将其放入文本框中，由浏览器/操作系统进行本机处理。但是，有没有一种方法可以用这个div模拟同样的事情？用户将文本放到div上，然后触发click事件以显示文本框并将删除的文本粘贴到框中

我的网站是使用Modernizer+jQuery+jQueryUI和HTML5/CSS3。IE6兼容性不是问题

---

提前谢谢你

您可以使用HTML5拖放事件：

$('#dropTextHere').bind('drop', function (e) {
    var theDroppedText = e.originalEvent.dataTransfer.getData('Text');
});

---

您可以阅读更多信息。

介绍了一个类似的主题。我看到了该主题，但它要求拖动的文本位于一个特定的容器中，然后使其成为可拖动的（），而我指的是您高亮显示并拖动的任何旧的常规文本。我已经尝试将droppable（）应用于div，但drop事件似乎没有触发。也许可以结合使用

mouseover

、

mouseup

和

document。getSelection

可以工作。看见