diferencia entre event.originalEvent.dataTransfer.files y event.dataTransfer.files en html 5

Question

¿Cuál es la diferencia entre

event.originalEvent.dataTransfer.files 

y

event.dataTransfer.files 

???

Porque en arrastrar y soltar, el segundo código no funciona y no está definido y tuve que usar el primer código porque funciona.

Answer 1

jQuery no pasa el objeto de evento del navegador, pasa el jQuery event object. Puede acceder al objeto de evento original no modificado mediante la propiedad .originalEvent en el objeto de evento jQuery. Entonces puedes proceder como siempre.

Así que en código:

jQuery modelo de eventos:

$(document).on("drop dragend dragstart dragenter dragleave drag dragover", function(event) { 
    event.preventDefault(); 
    if (event.type === "drop") { 
     alert(event.originalEvent.dataTransfer.files); 
    } 
}); 

modelo de eventos del W3C:

function preventDefault(event) { 
    event.preventDefault(); 
} 

function alertFiles(event) { 
    alert(event.dataTransfer.files); 
} 
document.addEventListener("dragstart", preventDefault, false); 
document.addEventListener("dragenter", preventDefault, false); 
document.addEventListener("dragleave", preventDefault, false); 
document.addEventListener("drag", preventDefault, false); 
document.addEventListener("dragend", preventDefault, false); 
document.addEventListener("dragover", preventDefault, false); 
document.addEventListener("drop", preventDefault, false); 
document.addEventListener("drop", alertFiles, false);