How to unselect input content when focus on it by pushing tab key?

Question

In an html form, When you use tab to go on next input it select all the content by default, How to unselect it?

Answer 1

Just set target.selectionEnd to 0 on focus event

<input (focus)="unselectOnFocus($event)">

unselectOnFocus(event: Event): void {
  event.target.selectionEnd = 0;
}