JavaScriptでフォーカス時に処理を実行する方法

• 実行例と処理のカスタマイズ 上記の設定により、テキスト入力フォームにフォーカスが当たったときに、Element is focused:とその要素の情報がコンソールに出力されます。
• フォーカスが外れた時の処理 focusイベントに対応する形で、フォーカスが外れたときに実行されるblurイベントもあります。
• サンプルコード 実例として、フォームのテキスト入力フィールドにフォーカスが当たると背景色が変わり、フォーカスが外れると元の背景色に戻るというシンプルな機能を実装してみましょう。