JavaScript]JavaScriptでフォーカスのあたっている要素を取得できるHTML5の新機能「document.activeElement」について紹介します。1.document.activeElementとは「document.activeElement」からの引用です。document.activeElementは冒頭に記したとおり、フォーカスのあたっている要素を取得するためのdocumentプロパティで、HTML5で策定された新機能みたいです。element.仕様の原文では「documentオブジェクトのactiveElement属性は、フォーカスされているdocument内の要素を返却しなければならない。document内の要素がフォーカスされていなければ、body要素を返却しなればならない。」とあり、フォーカスされていないときの振舞いも決められています。すべて確認できていませんが、フォーカスがあたったと認識されるのはフォーム関連の要素のようです。次項のサンプルで試したところ、ブラウザによって若干振舞いが異なるようです。Firefox23ではすべて動作しました。2.サンプルdocument.activeElementが動作するサンプルを作ってみました。document.activeElementサンプルフォームの部品をフォーカスすると、それぞれのid属性および選択したテキストを下に表示します。次のように記述すれば、現在フォーカスがあたっている要素を返却します。フォーカスがあたっていなければbody要素を返却します。document.activeElement;jQueryのmouseupイベントと組み合わせると次のようになります。id="result"></div>選択したテキストも取得する場合、activeElementで取得した要素に対し、selectionStartとselectionEndを適用します。id="text"></div>なお、上記のサンプルコードはフォーカスがあたっている要素のイベントで発火するので、body要素が返却されることはありません。body要素の返却は2項のサンプルで確認してみてください(正しい実装でないかもしれませんが)。4.参考サイト参考サイトは以下です。ありがとうございました。*必須(非表示)URL(U):情報を保存する?コメントへの返信ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。すべてのご質問にはお答えできない可能性があります。Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。