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

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

Barbara Streisand
Freigeben: 2024-11-05 08:37:02
Original
1045 Leute haben es durchsucht

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>
Nach dem Login kopieren

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>
Nach dem Login kopieren
<code class="js">document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};</code>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage