How to map a key TAB within a text area

Question

I want to capture the TAB key pressed inside a text-area, which works to indent the text when the user presses

Hope below link helps [Tab capture inside input](https://stackoverflow.com/questions/3362/capturing-tab-key-in-text-box) — user3802184, Jul 16 '20 at 17:44

score 0 · Answer 1 · answered Jul 16 '20 at 17:43

0

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

.ts

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

answered Jul 16 '20 at 17:43

micronyks

score 0 · Accepted Answer · answered Jul 16 '20 at 17:50

0

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

If you want to prevent to loose focus from the text area on tab you can use below code in you ts.

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

answered Jul 16 '20 at 17:50

Vivek Jain

Thanks for verifying my answer. Can you please upvote too? – Vivek Jain Jul 17 '20 at 05:43

2 Answers2