フォーカス管理

766 ワード

11.3.2焦点管理
HTML 5にもDOMフォーカスの管理を補助する機能が追加されており、まずdocument.ActiveElementプロパティ.このプロパティは、DOMで現在フォーカスされている要素を常に参照します.要素がフォーカスを取得する方法には、ページロード、ユーザー入力(通常はTabキーを押すこと)、コードでfocus()を呼び出す方法があります.
コードの例
var button = document.getElementById("myButton");
button.focus();
alert(document.activeElement === button); // true

一般的に、ドキュメントのロードが完了したばかりのときにdocument.ActiveElementに保存されているのはdocumentです.body要素の参照.ドキュメントのロード中、document.ActiveElementの値はnullです
document.hasFocus()メソッド
この方法は、ドキュメントがフォーカス`を取得したかどうかを決定するために使用される.
var button = document.getElementById("myButton");
button.focus();
alert(document.hasFocus());//true,             ,                

互換性
IE4+,Firefox3+,chrome,Safari4+,Opera8+