怎么阻止拖拽本地文件进入浏览器？

Question

做了一个页面，但是当我把本地一个文件鼠标拖拽进页面后，浏览器把这个文件打开了，我想阻止这个动作，就是当文件被拖入后页面不做任何操作。

Answer 1

相关事件

drag
dragend
dragenter
dragexit
dragleave
dragover
dragstart
drop

document.addEventListener("dragenter", function( event ) {
    ...
}, false);
document.addEventListener("dragover", function( event ) {
    ...
}, false);
document.addEventListener("drop", function( event ) {
    event.preventDefault();//禁止浏览器默认行为
    ...
    return false;//禁止浏览器默认行为
}, false);
document.addEventListener("dragend", function( event ) {
    ...
}, false);