[JavaScript]focusを外す方法

1825 ワード
JavaScript nuxt.js programming フロントエンド Vue.js JavaScript テキストリンク

はじめに

focusとは?

例として↓の画像のようにキーワードが入力出来るようになっている事をフォーカスが当たっていると表現するらしい。

一部のAndroidでは、このような検索画面があった場合に検索後もキーボード入力画面が残り、操作しにくい状況となることがある。(※qiitaでは症状は現れない。きっと処理を書いてる)

この記事では、そのフォーカスを解除する方法を備忘録として記事にまとめる。

focusされている部分のfocusを解除する方法

まずJavascriptではfocusを解除するにはblue関数を使用する

要素.blue()

次に現在アクティブな要素を取得する方法

document.activeElement

この2点から下記のように書くとfocusを外す事ができる

document.activeElement

参考

・activeElement
　・https://developer.mozilla.org/ja/docs/Web/API/Document/activeElement
・blur
　・https://developer.mozilla.org/ja/docs/Web/API/HTMLOrForeignElement/blur
・focus
　・https://developer.mozilla.org/ja/docs/Web/API/HTMLOrForeignElement/focus