IE只是导航到我拖放的图像的URL,而不是触发“drop”事件并让我的JS代码对其进行操作(在Windows 7上的Chrome,Firefox,Opera和Safari中会发生这种情况)。代码如下。请注意,代码中列出的任何警报都不会触发。
我甚至遵循了Microsoft页面上给出的建议:https://msdn.microsoft.com/en-us/library/ms536929(v=vs.85).aspx取消“dragenter”的默认操作,并在“ondragenter”和“ondragover”事件处理程序中指定
window.event.returnValue=false
(注意:其他浏览器不需要我有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:
});
非常感谢任何建议!