Question

我需要帮助来捕获ESC键事件并取消它。我打开了Bootstrap 4模态并对其进行了配置，因此ESC键可以关闭它。现在这段代码不起作用了，我想弄清楚要做什么......所以任何想法都会受到赞赏......

@HostListener('window:keydown', ['$event'])
onKeyDown(event: KeyboardEvent) {
 if (event.keyCode == 27) {
    // ...
    //some logic to resolve if esc key should be canceled ...
    // ...
    event.stopImmediatePropagation();
      event.preventDefault();
      event.stopPropagation();
  }
}

Answer 1

只需在模态div上添加tabindex='-1'属性，就不需要额外的代码。你的模态div应该是这样的。

<div id="bootstrapModel" class="modal fade" tabindex="-1" role="dialog">
     //Code for modal.
</div>

angular 2 bootstrap 4取消esc键事件

1 个答案: