html ondrop未触发,HTML5/Canvas onDrop事件不会触发？

相关的代码是：

canvas.ondrop = function(e) {

e.preventDefault();

var file = e.dataTransfer.files[0],

reader = new FileReader();

reader.onload = function(event) {

var img = new Image(),

imgStr = event.target.result;

state.innerHTML += ' Image Uploaded: view image
';

img.src = event.target.result;

img.onload = function(event) {

context.height = canvas.height = this.height;

context.width = canvas.width = this.width;

context.drawImage(this, 0, 0);

state.innerHTML += ' Canvas Loaded: view canvas
';

};

};

reader.readAsDataURL(file);

return false;

};

为什么这个事件不会触发？我已经在firefox和chrome中试过了。