Để điền lại, dùng kéo thả. Điều này trước đây không thể, nhưng bây giờ hợp lệ.
Hãy xem cách −
function drop(ev) { ev.stopPropagation(); ev.preventDefault(); // lấy trường dataTransfer từ sự kiện var d = ev.dataTransfer; var files = d.files; handleFiles(files); }
Cho kéo thả −
// kéo target.addEventListener('dragover', (ev) => { ev.preventDefault(); body.classList.add('dragging'); }); // rời kéo target.addEventListener('dragleave', () => { body.classList.remove('dragging'); }); // thả target target.addEventListener('drop', (ev) => { ev.preventDefault(); body.classList.remove('dragging'); });