javascript - 在 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');
});

您可以阅读更多相关信息 here .