如何在文本区域内映射键 TAB

Question

我想捕获在文本区域内按下的 TAB 键，它可以在用户按下时缩进文本

Answer 1

<textarea (keydown.Tab)="onKey($event)">
   ...
</textarea>

.ts

onKey(e){
   console.log(e); // key tab event
}

Answer 2

<textarea (keydown)="onTab($event)"></textarea>

如果你想防止从选项卡上的文本区域失去焦点，你可以在你的 ts 中使用下面的代码。

  onTab(event) {
      console.log(event);
      if (event.key === 'Tab') {
        event.preventDefault();
     }
  }

How to map a key TAB within a text area