Tại sao JavaScript này hoạt động trơn tru và jQuery tương đương thất bại?

Question

Tôi đã tìm thấy một javascript liên quan đến API Trình đọc tệp HTML5. Nó được viết bằng javascript thuần túy, tôi đang trong quá trình chuyển đổi nó thành một kịch bản lệnh jQuery. Nhưng tôi đang gặp khó khăn vào thời điểm này.

này hoạt động:

document.getElementById('drop-area').addEventListener('drop', function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    console.log(e.dataTransfer.files); // outputs the right stuff 
}, false); 

này thất bại:

$('#drop-area').on('drop', function(e) { 
    e.preventDefault(); 
    e.stopPropagation(); 
    console.log(e.dataTransfer.files); // ERROR: e.dataTransfer is undefined 
}); 

một giải pháp cho vấn đề này là gì?

Answer 1

jQuery không bình thường hóa thuộc tính sự kiện dataTransfer, để truy cập nó, bạn sẽ phải trải qua sự kiện ban đầu.

console.log(e.originalEvent.dataTransfer.files); 

Bạn cũng có thể đặt để dataTransfer được thêm vào đối tượng sự kiện jQuery như sau.

jQuery.event.props.push("dataTransfer");