求助web前台ondrop失效问题

[wz334809916]

为了做文件拖拽上传，在div中写了ondragenter，ondragenter，ondragleave，ondrop 四个属性，前三个都可以触发，ondrop无法触发，求大神帮忙。

<div id="fileSpan" ondragenter="dragenterFileSpan()"
							ondragover="dragoverFileSpan()" ondragleave="dragleaveFileSpan()"
							ondrop="console.log(111);dropFileSpan(event)" class="vm">或者将文件拖到此处</div>

function dragenterFileSpan() {
	$('#fileSpan').html("可以释放鼠标了！");
	$('#fileSpan').css("background", "#ccc");
}
function dragleaveFileSpan() {
	$('#fileSpan').html("或拖拽文件到此处！");
	$('#fileSpan').css("background", "none");
}
function dragoverFileSpan() {
	return false;
}

function dropFileSpan(event){
	console.log(11111)
	console.log(event)
	var fs = event.originalEvent.dataTransfer.files;
	dragleaveFileSpan();
	return false;
}

[wz334809916]

现在 ondrop毫无反应

[Hello World,]

ondragover不要直接返回false，要event.preventDefault();

    function dragoverFileSpan() {
        event.preventDefault();
    }

    function dropFileSpan(event) {
        event.preventDefault();
        console.log(11111)
        console.log(event)
        var fs = event.dataTransfer.files;
        dragleaveFileSpan();
    }