JSを使用してフォーカス要素コードを取得します。

1112 ワード

良いユーザー体験には、ウェブサイト/ウェブアプリのアクセス性と利用性、および機能が重要です。私たちのウェブサイトがよく運営されています。/体験がいいと、ユーザーは気づかないです。でも、うまくできないと彼らはきっと感じます。アプリケーションの利用可能性とアクセス可能性の重要な一部は入力フォーカスの処理であるが、これはまた開発者がしばしば無視する点である。入力フォーカス処理が悪い例として、リンクをクリックしてからウィンドウを開きますが、ウィンドウ内の任意の要素にフォーカスしません。さらに、モードウィンドウにフォーカスした要素が、閉じた後もフォーカスは返されません。理想的には、リンクをトリガするときに参照を保存し、新しいウィンドウにフォーカスして、ウィンドウを閉じるときにカーソルを戻します。もしカーソルを入力するのが分かりませんでしたら、今はどの要素にありますか?document.activeElementのプロパティを通じて、現在のドキュメントのフォーカス要素を取得できます。The JavaScriptは、document.activeElementを使用して、現在選択されている要素を検索することが容易であること:
 
var focusedElement = document.activeElement;

/* :
var triggerElement = document.activeElement;
myModal = new MyModal({
onOpen: function() {
this.container.focus();
},
onClose: function() {
triggerElement.focus();
}
});
*/
この属性は、従来の入力要素だけではなく、フォームフィールドまたはラベルリックを含むだからな、tabIndex属性を设定した任意の要素でも利用可能です。私がdocument.activeElementが良い理由は、イベンのそば受やモニタイを使ってその要素を追跡して記録する必要があるからです。すみません、ここの属性を取得します。もしもし、ここのような特性を使う前に大量のテストをしてください。ブラウや合否状態を越えて何かのバーガーがあるか。とにかく、私はそうです。満足しています。としても信頼でいられると思います。