ホームページ > 記事 > ウェブフロントエンド > JavaScript で「要素をフォーカス可能」にするにはどうすればよいですか?
特定の要素 (入力やボタンなど) には固有のフォーカス機能があるにもかかわらず、 TabIndex の割り当て JavaScript を使用したフォーカスの設定 tabindex を割り当てた後、要素はfocus() 関数を使用してプログラムでフォーカスできます。 考慮事項 例 次の例は、フォーカスの割り当てと視覚的なキューを示しています。 以上がJavaScript で「要素をフォーカス可能」にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。<code class="html"><div id="tries" tabindex="0">You have 3 tries left</div></code>
<code class="javascript">document.getElementById('tries').focus();</code>
<code class="html"><style>
div:focus {
background-color: Aqua;
}
</style>
<div>Element X (not focusable)</div>
<div tabindex="0">Element Y (user or script focusable)</div>
<div tabindex="-1" id="scripted">Element Z (script-only focusable)</div>
<div id="test" onclick="document.getElementById('scripted').focus();">Set Focus To Element Z</div></code>