Javascript 如何在firefox中使用document.ondrop?

Javascript 如何在firefox中使用document.ondrop?,javascript,html,firefox,google-chrome,Javascript,Html,Firefox,Google Chrome,document.ondrop似乎可以在chrome中使用,但不能在firefox中使用 附件是一个例子: 如果你把一个文件放到页面上,它会弹出一个警告框。不过,它在firefox中不起作用,但在chrome中起作用 当我使用firefox控制台时,document.ondrop处理程序设置正确。假设原始javascript看起来像这样,并且在Chrome中工作: document.ondrop=function(event){ alert("hello"); } 它可以更改为在Fi

document.ondrop似乎可以在chrome中使用,但不能在firefox中使用

附件是一个例子:

如果你把一个文件放到页面上,它会弹出一个警告框。不过,它在firefox中不起作用,但在chrome中起作用


当我使用firefox控制台时,document.ondrop处理程序设置正确。

假设原始javascript看起来像这样,并且在Chrome中工作:

document.ondrop=function(event){
    alert("hello");
}
它可以更改为在Firefox和Chrome中工作。Firefox要求您在拖动文件时停止默认操作,这可以通过使用ondragover事件解决。以下javascript代码也适用于Firefox:

document.ondragover = function(event){
    event.preventDefault();
}
document.ondrop=function(event){
    alert("hello");
}
我通过查看他们的简单示例和您的代码之间的差异,找到了这个解决方案

在幻灯片18中,还有一个html5示例,通过将侦听器添加到页面,展示了另一种使用拖放的方法