在HTML 5

Question

是什么

event.originalEvent.dataTransfer.files 

和

event.dataTransfer.files 

之间的差event.originalEvent.dataTransfer.files和event.dataTransfer.files之间差???

因为在拖放中，第二个代码不起作用，它是未定义的，我必须使用第一个代码，因为它的工作原理！

Answer 1

jQuery不会将浏览器事件对象传递给您，它会传递jQuery event object。您可以通过jQuery事件对象中的.originalEvent属性访问原始未触及的事件对象。然后你可以照常进行。

，这样，代码：

jQuery的事件模型：

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

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);