Javascript js,当拖放文件时,不要打开它

Javascript js,当拖放文件时,不要打开它,javascript,drag-and-drop,Javascript,Drag And Drop,我正在尝试做一个拖放功能,我读了很多参考资料 当我自己做的时候。当我删除文件时,浏览器将自动加载页面并将其更新为删除的文件,这是默认操作。因此,dragover和drop事件不会触发 el.on('dragover', function(){ alert(1); }); el.on('drop', function(){ alert(1); }); 我检查了这些示例,但找不到从浏览器中删除此默认重载函数的特定行 我错过了什么 非常感谢。您应该使用函数参数的preventDef

我正在尝试做一个拖放功能,我读了很多参考资料

当我自己做的时候。当我删除文件时,浏览器将自动加载页面并将其更新为删除的文件,这是默认操作。因此,dragover和drop事件不会触发

el.on('dragover', function(){
    alert(1);
});

el.on('drop', function(){
    alert(1);
});
我检查了这些示例,但找不到从浏览器中删除此默认重载函数的特定行

我错过了什么


非常感谢。

您应该使用函数参数的
preventDefault()
方法。
参见此处的示例:


我检查了你的例子…是的,但即使我添加了e.preventDefault();browner将在我的示例中加载删除的文件。jquery是否支持$el.on('drop')??当然可以,请参阅fiddle的部分,了解如何使用
on
将事件限制为jquery元素。但是,不要忘记使用
e.originalEvent
而不是
e
来访问删除的文件。
document.addEventListener('drop', function(e) { e.preventDefault(); }, false);