zukucode
主にWEB関連の情報を技術メモとして発信しています。

JavaScript 現在フォーカスしているコントロールを取得する

JavaScriptで、現在フォーカスしているコントロールを取得する方法を紹介します。

現在フォーカスしているコントロールを取得するにはdocument.activeElementを使用します。

例えば以下のように、テキストボックスの要素が3つあり、txtBのテキストボックスにフォーカスが当たっている場合を考えます。

<input type="text" id="txtA">
<input type="text" id="txtB"><!--フォーカスされている-->
<input type="text" id="txtC">

この状態でdocument.activeElementを実行すると、txtBのコントロールが取得できます。

var elem = document.activeElement;
console.log(elem.id); // txtB

フォーカスしているコントロールが存在しない場合はbodyが取得されます。



関連記事