Google chrome 在Chrome中拖放div工作,但在Internet Explorer中重定向

Google chrome 在Chrome中拖放div工作,但在Internet Explorer中重定向,google-chrome,drag-and-drop,internet-explorer-10,Google Chrome,Drag And Drop,Internet Explorer 10,我正在监听div元素上的drop事件。这些事件在Chrome v36.0.1985、Firefox v30中触发,但在IE v10.0.9200中没有触发。我创建了一个简单的JSFIDLE来说明这个问题 作品: 一,。在Chrome中打开YouTube 二,。镀铬 三,。将youtube视频缩略图拖到DropZone上,将显示警报 失败: 重做上述操作,但使用IE 10或11。它只是重定向页面,而不是步骤3中的警报 注意:我发现了一个例子,IE可以在一个点上识别一滴,但它会落在画布上。当我用di

我正在监听div元素上的drop事件。这些事件在Chrome v36.0.1985、Firefox v30中触发,但在IE v10.0.9200中没有触发。我创建了一个简单的JSFIDLE来说明这个问题

作品:

一,。在Chrome中打开YouTube

二,。镀铬

三,。将youtube视频缩略图拖到DropZone上,将显示警报

失败:

重做上述操作,但使用IE 10或11。它只是重定向页面,而不是步骤3中的警报

注意:我发现了一个例子,IE可以在一个点上识别一滴,但它会落在画布上。当我用div替换canvas时,它会返回到重定向

我尝试了preventDefault、stopPropogation和return false的各种组合,但都没有成功:

$("#DropZone").on("dragleave", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$("#DropZone").on("dragenter", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$("#DropZone").on("dragover", function (event) {
    event.preventDefault();
    event.stopPropagation();
    return false;
});

$('#DropZone').on('drop', function () {
    alert('test');
    event.preventDefault();
    event.stopPropagation();
    return false;
});

非常感谢您的帮助。谢谢

我在我的应用程序中尝试了这一点,得到了相同的结果。真讨厌,他总是拖欠债务。有趣的是,它与画布一起工作。我唯一能找到的是:。保持轮班应恢复正常行为。但这个班对我不起作用。一旦通过此测试,将出现其他不一致:。祝你好运,找到后发邮件并回复。我很想知道。你可能也会发现这很有用:。虽然这似乎更多的是阻力而不是下降,但轮班对我来说也不起作用。如果我得到答复,我会发帖的。谢谢。我试着内联函数,结果变得更奇怪了。有了这个JSFIDLE,你可以从Chrome拖到IE,但不能从IE拖到IE。我想知道IE是否在幕后使用了共享资源,这会阻止IE拖到IE。