JavaScript Focus() 関数は `` をターゲットにできますか?-jsチュートリアル-php.cn

JavaScript Focus() 関数は `` をターゲットにできますか?

Barbara Streisand

リリース： 2024-11-05 08:37:02

オリジナル

1026 人が閲覧しました

Can a JavaScript Focus() Function Target a ``?

JavaScript Focus() 関数は
をターゲットにできますか?

で focus() 関数を使用しようとしても、そのままになります。無反応。この記事では、この問題を詳しく掘り下げ、解決策を示します。

Tabindex の割り当て

<code class="html"><div id="tries" tabindex="0">You have 3 tries left</div></code>

ログイン後にコピー

へのフォーカスを有効にするにはJavaScript の focus() 関数を使用して、tabindex 属性を割り当てる必要があります。提供されたコードの修正バージョンは次のとおりです。

tabindex="-1": div はスクリプトによってのみフォーカス可能であり、スクリプトによってはフォーカスできません。

<code class="html"><div id="test">Click to Set Focus</div>
<div tabindex="-1" id="scripted">Element Z</div></code>

ログイン後にコピー

<code class="js">document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};</code>

ログイン後にコピー

これは、プログラムで tabindex "-1" の div にフォーカスする方法を示す例です。

これらの変更を追加すると、正常に実行できます。

に焦点を当てます。 JavaScript の focus() 関数を使用します。

以上がJavaScript Focus() 関数は `` をターゲットにできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：php.cn

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事