javascript フォーカスが当たったことを検知する

javascript フォーカスが当たったことを検知する

javascriptで、onfocusを使用して、フォーカスが当たったことを検知するサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

onfocus使い方

onfocusメソッドを使うと、フォーカスが当たったことを検知することが可能です。

サンプルコード

以下は、
「フォーカス移動」でランダムにフォーカスを移動させて
指定した要素にフォーカスがあたると、テキストを表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

フォーカスが当たったことを検知できていることが確認できます。