Maison > interface Web > js tutoriel > Explication détaillée de la façon dont jquery implémente l'événement keydown de div et span

Explication détaillée de la façon dont jquery implémente l'événement keydown de div et span

黄舟
Libérer: 2017-06-27 13:34:10
original
1698 Les gens l'ont consulté

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.
Copier après la connexion


Ce qui précède est un morceau de texte copié du document jquery Il explique que nous pouvons lier l'événement keydown à l'élément de formulaire car ils le peuvent. gagner du focus, mais comment lier p et span ?
La réponse est l'attribut tabindex
Modifiez cet attribut dans js : jsObj.tabIndex

jquery : $(selector).attr("tabindex",value)
Copier après la connexion


tabindex


L'attribut tabindex de l'élément est utilisé pour définir si l'élément peut obtenir le focus et s'il peut être parcouru en continu focus (Appuyez généralement sur la touche de tabulation) pour vous concentrer, dans l'ordre dans lequel vous vous concentrez.
Sa valeur doit être une valeur entière.
Si elle n'est pas définie ou si la valeur définie est incorrecte, suivez la convention.
S'il s'agit d'un nombre négatif, l'utilisateur ne peut pas obtenir la mise au point via une navigation à mise au point continue, mais peut obtenir la mise au point par d'autres moyens.
Si zéro, la mise au point peut être obtenue via une navigation de mise au point séquentielle, en triant par convention.
S'il s'agit d'un nombre positif, la mise au point peut être obtenue grâce à une navigation avec mise au point continue, et l'ordre est déterminé en fonction de cette valeur.

p n'obtient pas le focus par défaut. Vous pouvez définir l'attribut tabindex pour qu'il puisse obtenir le focus. Vous pouvez également lier des événements de clavier.


Exemple :

<span id="myspan"></span>
js:
 $("#myspan").attr("tabindex",0);
 $("#myspan").focus();
$("#myspan").keydown(function() { alert(&#39;Handler for .keydown() called.&#39;); });
Copier après la connexion


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal