angular - ClipboardEvent 在 IE11 中未定义

Question

我的一个 Angular 指令中有以下代码:

  @HostListener('paste', ['$event'])
  onPaste($event: ClipboardEvent) {
    setTimeout(() => {
      const input = (<HTMLInputElement>$event.target);
      input.value = input.value.replace(/\D/g, '');
    });
  }

它在 IE11 中失败，错误提示 ClipboardEvent is undefined。幸运的是，我可以将它键入 Event，但我想知道为什么它会中断 -是否有任何库可以添加到 angular-cli.json 中以使其与 ClipboardEvent 一起使用？

"lib": [
  "es2017",
  "dom"
],

“dom”是Event的来源...

Answer 1

这样使用

@HostListener('paste', ['$event'])
  onPaste($event) {
    var clipboardData; 
    if (window['clipboardData']) { // IE 
       clipboardData = window['clipboardData']; 
    } else if ($event.originalEvent.clipboardData && $event.originalEvent.clipboardData.getData) { // other browsers 
       clipboardData = $event.originalEvent.clipboardData; }
    }}

剪贴板事件仍处于实验技术阶段。这会起作用。