如何使用jQuery监听textarea中的拖放纯文本?

前端之家收集整理的这篇文章主要介绍了如何使用jQuery监听textarea中的拖放纯文本?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望用户能够将纯文本(浏览器外部)拖放到textarea中,并监听此事件.

至少在chrome中,.change()不会对此有所了解,而jQueryUI .droppable()似乎只适用于html元素,而不是纯文本.欢迎任何建议.

解决方法

这似乎在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事件.

猜你在找的jQuery相关文章