Heim > Web-Frontend > js-Tutorial > Detaillierte Erklärung, wie jquery das Keydown-Ereignis von div und span implementiert

Detaillierte Erklärung, wie jquery das Keydown-Ereignis von div und span implementiert

黄舟
Freigeben: 2017-06-27 13:34:10
Original
1688 Leute haben es durchsucht

The keydown event is sent to an element when the user first presses a key on the keyboard. 
It can be attached to any element, but the event is only sent to the element that has the focus. 
Focusable elements can vary between browsers, 
but form elements can always get focus so are reasonable candidates for this event type.
Nach dem Login kopieren


Das Obige ist ein Textstück, das aus dem jquery-Dokument kopiert wurde. Es erklärt, dass wir das Keydown--Ereignis an das Formularelement binden können, weil sie es können Fokus gewinnen, aber wie bindet man p und span?
Die Antwort ist das Attribut tabindex
Ändern Sie dieses Attribut in js: jsObj.tabIndex

jquery : $(selector).attr("tabindex",value)
Nach dem Login kopieren


tabindex


Das Tabindex-Attribut des Elements wird verwendet, um zu definieren, ob das Element den Fokus erhalten kann und ob es kontinuierlich navigiert werden kann Fokus (Drücken Sie normalerweise die Tabulatortaste), um den Fokus zu erhalten, in der Reihenfolge, in der Sie den Fokus erhalten.
Der Wert muss ein Ganzzahlwert sein.
Wenn es nicht eingestellt ist oder der eingestellte Wert falsch ist, befolgen Sie die Konvention.
Wenn es sich um eine negative Zahl handelt, kann der Benutzer den Fokus nicht durch kontinuierliche Fokusnavigation erhalten, sondern kann den Fokus auf andere Weise erhalten.
Bei Null kann der Fokus über sequentielle Fokusnavigation und Reihenfolge nach Konvention ermittelt werden.
Wenn es sich um eine positive Zahl handelt, kann der Fokus durch kontinuierliche Fokusnavigation erreicht werden und die Reihenfolge wird anhand dieses Werts bestimmt.

p erhält standardmäßig keinen Fokus. Sie können das Tabindex-Attribut dafür festlegen, damit es den Fokus erhalten kann. Sie können auch Tastaturereignisse binden.


Beispiel:

<span id="myspan"></span>
js:
 $("#myspan").attr("tabindex",0);
 $("#myspan").focus();
$("#myspan").keydown(function() { alert(&#39;Handler for .keydown() called.&#39;); });
Nach dem Login kopieren


Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung, wie jquery das Keydown-Ereignis von div und span implementiert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage