Javascript 使用angular4的拖放事件在IE11中不起作用

我使用一个指令来获取文件，当它被放到HTML元素上时，它在chrome中运行良好，但在IE11中不起作用。 下面是拖放事件的代码 从'@angular/core'导入{指令，主机侦听器，输出，事件发射器}

@Directive({
  selector: '[appDragDrop]'
})
export class DragDropDirective {

  constructor() { }
  @Output()
  FileDragEvent: EventEmitter<File> = new EventEmitter<File>();

  @HostListener('window:drop', ['$event']) public onDrop(event) {

    event.preventDefault();
    event.stopPropagation();
    if (event.dataTransfer.items[0].type != 'application/vnd.ms-excel') {
      return false;
    }
    let files = event.dataTransfer.files;
    this.FileDragEvent.emit(files);
  }
  @HostListener('window:dragover', ['$event']) public onDragOver(evt) {
    evt.preventDefault();
    evt.stopPropagation();

  }

  @HostListener('window:dragleave', ['$event']) public onDragLeave(evt) {
    evt.preventDefault();
    evt.stopPropagation();

  }
}

但后来我在博客上读到，要求我把它改成这样

@HostListener('window:dragover',

我还试图给元素指定最小高度，该元素具有拖放指令，但我仍然面临这个问题

---

功能在chrome中运行顺利，但我在IE11中遇到了问题，从一些样式中删除了指针事件：IE 11没有，一切似乎都正常

到目前为止，这个问题有任何更新吗？？

@HostListener('window:dragover',