Maison > Article > interface Web > Une fonction JavaScript Focus() peut-elle cibler un `` ?
Une fonction JavaScript Focus() peut-elle cibler un `` ?
- Barbara Streisandoriginal
- 2024-11-05 08:37:02942parcourir
Une fonction JavaScript Focus() peut-elle cibler un ?
Malgré les tentatives d'utilisation de la fonction focus() sur un
, elle reste insensible. Cet article approfondit le problème et propose une solution.
Attribution d'un tabindex
Pour activer le focus sur un
en utilisant la fonction focus() de JavaScript, un attribut tabindex doit être attribué. Voici une version modifiée du code fourni :
<code class="html"><div id="tries" tabindex="0">You have 3 tries left</div></code>
Options Tabindex
- tabindex="0": La balise fait partie de l'ordre de tabulation naturel .
- Nombres positifs : spécifiez un ordre de priorité spécifique (par exemple, tabindex="1").
- tabindex="-1": Le div ne peut être focalisé que par script, pas par l'utilisateur.
Voici un exemple démontrant comment se concentrer par programmation sur un div avec tabindex "-1":
<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>
En ajoutant ces modifications, vous pouvez vous concentrer avec succès sur le
en utilisant la fonction focus() de JavaScript.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!
Déclaration：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.cnArticle précédent：Comment rendre une vue partielle à l'aide de jQuery dans ASP.NET MVC ?Article suivant：Comment rendre une vue partielle à l'aide de jQuery dans ASP.NET MVC ?Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript
Malgré les tentatives d'utilisation de la fonction focus() sur un
, elle reste insensible. Cet article approfondit le problème et propose une solution.
Attribution d'un tabindex
Pour activer le focus sur un
en utilisant la fonction focus() de JavaScript, un attribut tabindex doit être attribué. Voici une version modifiée du code fourni :
<code class="html"><div id="tries" tabindex="0">You have 3 tries left</div></code>
Options Tabindex
- tabindex="0": La balise fait partie de l'ordre de tabulation naturel .
- Nombres positifs : spécifiez un ordre de priorité spécifique (par exemple, tabindex="1").
- tabindex="-1": Le div ne peut être focalisé que par script, pas par l'utilisateur.
Voici un exemple démontrant comment se concentrer par programmation sur un div avec tabindex "-1":
<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>
En ajoutant ces modifications, vous pouvez vous concentrer avec succès sur le
en utilisant la fonction focus() de JavaScript.
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!
Déclaration：
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
Article précédent：Comment rendre une vue partielle à l'aide de jQuery dans ASP.NET MVC ?Article suivant：Comment rendre une vue partielle à l'aide de jQuery dans ASP.NET MVC ?
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript