为啥这段代码获取不到 files 信息呢？

JS:

var h5 = {
cache : {},
init : function(){
cache.$file = document.getElementById('file');
cache.$file.addEventListener('drop', this.drop_handle, false);
},
drop_handle : function(e){
e.stopPropagation();
e.preventDefault();
var files = e.target.files || e.dataTransfer.files;
console.info(files);
return false;
}
}
h5.init();

HTML:

<input type="file" name="" id="file" style="font-size:5em">

在 ff 或 chrome 中，把文件拖放进去到 file 按钮，console.log 出来的是空文件信息，这段代码有哪里有错吗？怎么看也没有错吧……