Javascriptでフォームパーツにフォーカスがされた時、またはフォーカスが外れた時に発火するイベントの実装方法を紹介しています。 フォーカスイベントの実装サンプルJavascriptのaddEventListener()を使ったフォーカスイベントの実装サンプルとサンプルコードになります。 See the Pen JavaScript | Copy the Textarea by yochans (@yochans) on CodePen. HTMLにはテスト用のテキストフォームを設置しています。 また、イベントの発火を確認するための出力用に<p>タグをひとつ設置しています。 <p><input type="text" name=""></p> <p id="output"></p>対象とするフォームをquerySelector()で変数「text_form」として取得しています。 出力
![JavaScript | フォーカスがされた時、外れた時のイベントを実装する方法 | 1 NOTES](https://cdn-ak-scissors.b.st-hatena.com/image/square/722691c0b848ed2f424f1633664ce5d7e61322a1/height=288;version=1;width=512/https%3A%2F%2F1-notes.com%2Fwp-content%2Fuploads%2F2021%2F06%2FJavaScript.png)