jquery - 如何使用 jQuery 监听文本区域中的拖放纯文本？

Question

我希望用户能够将纯文本(浏览器外部)拖放到文本区域中，并监听此事件。

至少在 chrome 中，.change() 不会注意到这一点，而 jQueryUI .droppable() 似乎只适用于 html 元素，而不是纯文本。欢迎任何建议。

Answer 1

这似乎在 IE7+、FF6 和 Chrome 中运行良好(在 Safari 上不起作用):

$("textarea")
    .bind("dragover", false)
    .bind("dragenter", false)
    .bind("drop", function(e) {
        this.value = e.originalEvent.dataTransfer.getData("text") ||
            e.originalEvent.dataTransfer.getData("text/plain");

        $("span").append("dropped!");

    return false;
});

(基本改编自 this related answer )

示例: http://jsfiddle.net/2cJZY/看来您必须取消 dragover(和 dragenter)事件才能捕获 Chrome 中的 drop 事件。