Javascript/JQuery删除事件未在Internet Explorer IE 11中触发

Question

我将图像从不同的浏览器选项卡拖放到我的网页的选项卡中.我的"drop"事件的事件处理程序正在除Internet Explorer 11之外的所有其他桌面浏览器中工作.

IE浏览器只是导航到我删除的图像的URL,而不是触发"drop"事件并让我的JS代码完成它想要的东西(如在Windows 7上的Chrome,Firefox,Opera和Safari中).代码如下.请注意代码中列出的警报都没有.

我甚至按照微软页面上给出的建议:https://msdn.microsoft.com/en-us/library/ms536929(v = vs.85).aspx关于取消"dragenter"的默认动作和"指定window.event.returnValue=falsein无论是ondragenter与ondragover事件处理程序"(注:其他浏览器没有要求我有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:

});

非常感谢任何建议!

Answer 1

It is working fine in IE Browser Version:11.0.40 for jQuery 2.2.4 version.
Please check your jQuery version    

Note: for me event has been fired for two times when dragging image from desktop to IE 11 browser.

请找到演示链接。