Tôi đang kéo và thả hình ảnh từ một tab trình duyệt khác vào tab cho trang web của tôi. Trình xử lý sự kiện của tôi cho sự kiện "thả" đang hoạt động trong mọi trình duyệt máy tính để bàn khác ngoại trừ Internet Explorer 11.Sự kiện thả Javascript/JQuery không kích hoạt trong Internet Explorer IE 11
IE chỉ điều hướng đến URL của hình ảnh tôi đã bỏ, thay vì kích hoạt sự kiện "thả" và cho phép JS của tôi mã làm những gì nó muốn với nó (như xảy ra trong Chrome, Firefox, Opera và Safari, trên Windows 7). Mã dưới đây. Lưu ý không có cảnh báo nào được liệt kê trong mã lửa.
Tôi thậm chí theo lời khuyên đưa ra trên trang của Microsoft ở đây: https://msdn.microsoft.com/en-us/library/ms536929(v=vs.85).aspx về hủy bỏ hành động mặc định của "DragEnter" và "xác định window.event.returnValue=false
trong cả xử lý sự kiện ondragenter
và ondragover
" (lưu ý: các trình duyệt khác không yêu cầu tôi có trình xử lý sự kiện dragenter)
$(window).on("dragenter", function(event) {
alert('drag enter');
event.returnValue = false;
event.preventDefault();
event.stopPropagation();
});
$(window).on("dragover", function(event) {
alert('drag over');
event.returnValue = false;
event.preventDefault();
event.stopPropagation();
});
$(window).on("dragleave", function(event) {
alert('drag leave');
event.preventDefault();
event.stopPropagation();
});
$(window).on("drop", function(event) {
alert('drop');
event.preventDefault();
event.stopPropagation();
var imageSrc = $(event.originalEvent.dataTransfer.getData('text/html'))
.filter(function(i, elm){return $(elm).is('img');}).attr('src');
// Now do something with the imageSrc URL:
});
Rất cám ơn mọi đề xuất!
@Alex Kerr: Vui lòng chia sẻ phiên bản jQuery và phiên bản trình duyệt IE bạn đang sử dụng. – Thulasiram
Anh ấy nói _ "kéo và thả hình ảnh từ một tab trình duyệt khác vào tab cho trang web của tôi" _ – user10089632