详情可见:https://www.cnblogs.com/libin-1/p/5857714.html
另外由于一般都是拖动之后才使得页面展示出区域边框的,个人理解是扩大监听范围,在dragEnter触发的时候,改变某个部分样式,表明应该拖动到此处,实际上拖动到整个监听范围都可以。
如下:dragElement是整个页面,drageTarget是需要框起来显示' 拖动到此处的元素'
EventUtil.addHandler(dragElement, "drop", function(event){
event.preventDefault();
event.stopPropagation();
var files = event.dataTransfer.files[0];
file.info(files);
});
EventUtil.addHandler(dragElement, "dragenter", function(event){
event.preventDefault();
event.stopPropagation();
console.warn('target', document.getElementById('dragTarget'));
document.getElementById('dragTarget').style='border: 1px dashed blue;';
});
EventUtil.addHandler(dragElement, "dragover", function(event){
event.preventDefault();
event.stopPropagation();
});