当前位置：文江博客话题详情

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

发布于 2024-12-02 04:04:15 字数 161 浏览 1 评论 0原文

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

甜中书 2024-12-09 04:04:15

这似乎在 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;
});

（基本上改编自此相关答案）

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

This seems to work fine in IE7+, FF6, and Chrome (does not work on 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;
});

(Basically adapted from this related answer)

Example: http://jsfiddle.net/2cJZY/
Looks like you must cancel the dragover (and dragenter) event to catch the drop event in Chrome.

回复收藏 0 原文