suchen

Heim >Web-Frontend >js-Tutorial >Kann eine JavaScript Focus()-Funktion auf ein „' abzielen?

Kann eine JavaScript Focus()-Funktion auf ein „' abzielen?

Barbara Streisand
Barbara StreisandOriginal
2024-11-05 08:37:021030Durchsuche

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

Kann eine JavaScript Focus()-Funktion auf ein
abzielen?

Trotz Versuchen, die focus()-Funktion auf ein

zu verwenden, bleibt sie bestehen reagiert nicht. Dieser Artikel geht auf das Problem ein und bietet eine Lösung.

Tabindex zuweisen

Um den Fokus auf ein

Bei Verwendung der Funktion focus() von JavaScript muss ein Tabindex-Attribut zugewiesen werden. Hier ist eine modifizierte Version des bereitgestellten Codes:

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

Tabindex-Optionen

  1. tabindex="0": Das Tag wird Teil der natürlichen Tab-Reihenfolge .
  2. Positive Zahlen: Geben Sie eine bestimmte Reihenfolge der Fokuspriorität an (z. B. tabindex="1").
  3. tabindex="-1": Das Div kann nur per Skript, nicht per fokussiert werden der Benutzer.

Hier ist ein Beispiel, das zeigt, wie man sich programmgesteuert auf ein Div mit Tabindex „-1“ konzentriert:

<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>

Durch das Hinzufügen dieser Änderungen können Sie erfolgreich Konzentrieren Sie sich auf

mit der Funktion focus() von JavaScript.

Das obige ist der detaillierte Inhalt vonKann eine JavaScript Focus()-Funktion auf ein „' abzielen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript using Attribute function this issue
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Wie rendere ich eine Teilansicht mit jQuery in ASP.NET MVC?Nächster Artikel：Wie rendere ich eine Teilansicht mit jQuery in ASP.NET MVC?

In Verbindung stehende Artikel

Mehr sehen