フォーカスしている要素を取得

フォーカスしている要素を取得するには、document.activeElementプロパティを使用します。
input要素やtextarea要素、contenteditable属性による編集可能要素で、テキストが選択中の場合も、その対象要素を取得します。

構文

ES5

var element = document.activeElement;

ES6以降

const element = document.activeElement;

戻り値

フォーカスしている要素を返します。
input要素やtextarea要素、contenteditable属性による編集可能要素でテキストが選択中の場合は、その要素を返します。

サンプルコード

JavaScript (ES5)

var element = document.activeElement;

alert(element.tagName);

JavaScript (ES6以降)

const element = document.activeElement;

console.log(element.tagName);

JavaScript逆引きリファレンス一覧へ戻る