jQueryを使ってテキストエリアにテキストをドラッグアンドドロップする方法を教えてください。

Question

私は、プレーヤテキスト（ブラウザの外部）をテキストエリアにドラッグアンドドロップしてこのイベントを聞きたいと思っています。

少なくともクロムでは、.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イベントをキャッチする必要があります。

Answer 2

onfocusのような別のイベントをチェックするのはどうですか？

テキストエリアの値をテキストエリアのonfocusに格納し、変更が加えられたかどうかを確認します。