Cómo escuchar arrastrar y soltar texto sin formato en textarea con jQuery?

Question

Quiero que un usuario pueda arrastrar y soltar texto plano (externo al navegador) en un área de texto y escuchar este evento.

En cromo al menos, .change() no se da cuenta de esto, y jQueryUI .droppable() solo parece funcionar con elementos html, no texto sin formato. Cualquier sugerencia es bienvenida.

Answer 1

Esto parece funcionar bien en IE7 +, FF6 y Chrome (no funciona en 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; 
}); 

(Básicamente adaptado de this related answer)

Ejemplo:http://jsfiddle.net/2cJZY/ miradas al igual que debe cancelar el evento dragover (y dragenter) para ver el evento drop en Chrome.

Answer 2

¿Qué tal si revisamos otro evento como onfocus?

Almacena el valor del área de texto, en el foco del área de texto, verifica si se realizó un cambio.