将文本拖放到 DIV 上

Question

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

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

如果搜索框始终可见，他只需将其放入文本框中，由浏览器/操作系统本地处理。但是，有没有办法可以用这个 div 模拟同样的事情？用户将其文本拖放到 div 上，它将触发单击事件以显示文本框并将拖放的文本粘贴到框中。

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

先感谢您！

Answer 1

您可以使用 HTML5 拖放事件：

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

您可以在此处了解更多相关信息。