イベントのキャンセル event.preventDefault() - JavaScript

例えば、inputやtextarea内でtabキーを入力したとする。するとフォーカスが外れる
もし、無効化したい場合、event.preventDefault()を使用すればいい

const disableTab = (event) => {
  if (event.key === "Tab") {
    event.preventDefault();
  }
};

/* キー押下時のイベントに追加 */
document.querySelector(".editor").addEventListener("keydown", disableTab);

event.preventDefault()はイベントが無効にできる場合、無効にするメソッドらしい
tabキーにはデフォルトで「次のフォーム部品にフォーカスを移動する」というイベントがあるということなのかな？

例）tabキーを押した時のフォーカス移動を無効化

See the Pen textareaでtabキー入力時のフォーカス移動無効化 by tamago (@tamago324) on CodePen.

参考文献

• event.preventDefault - Web API インターフェイス | MDN
• [JS] Tabキーによる移動を禁止してTabを入力する。 - Qiita
• document.querySelector() - Web API インターフェイス | MDN