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

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.

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)

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;); });

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!