为什么我的ondrop触发不了

[树叶的挽留]

关于拖拽的事件都触发了，唯独触发不了ondrop，这是为什么呢？ 求大神指点迷津。

draggable.each(function(){
		//被开始拖动时执行
		this.ondragstart = function(e){
			e.dataTransfer.setData("text","");
//			alert("开始拖动");
			e.defaultPrevented();
		}
		//拖动时执行
		this.ondrag = function(e){
			target.innerHTML="拖动中";
			e.defaultPrevented();
		}
		//拖动结束时执行
		this.ondragend = function(e){
			target.innerHTML="拖动结束了";
			e.defaultPrevented();
		}
		
		//进入目标区域时执行
		target.ondragenter = function(e){
			alert("进来了");
			e.defaultPrevented();
		}
		//离开目标区域时执行
		target.ondragleave = function(e){
			target.innerHTML="";
			alert("离开了");
			e.defaultPrevented();
		}
		//在目标区域上拖动时执行
		target.ondragover = function(e){
			target.innerHTML="在上面了";
			e.defaultPrevented();
					
		}
		//拖放时执行
		target.ondrop = function(e){
			target.innerHTML="拖放结束了";
			e.defaultPrevented();
		}
	});
	

[拼搏-娶媳妇]

把Drag和Drop的对象放在不同的Panel下就好了

[文修]

楼主你好， 这个我自己测试了一下 我自己使用onDrap测试了一下，可能你的组件里需要添加onDragOver事件，代码如下 onDragOver(event){ event.preventDefault(); console.log("onDropOver") }, 看你的代码可能是想实现从外部拖文件到浏览器，不过我觉得可能是相同的原因造成onDrop无效。