Une fonction JavaScript Focus() peut-elle cibler un `` ?-js tutoriel-php.cn

Une fonction JavaScript Focus() peut-elle cibler un `` ?

Barbara Streisand

Libérer： 2024-11-05 08:37:02

original

1025 Les gens l'ont consulté

Can a JavaScript Focus() Function Target a ``?

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>

Copier après la connexion

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>

Copier après la connexion

<code class="js">document.getElementById('test').onclick = function () {
    document.getElementById('scripted').focus();
};</code>

Copier après la connexion

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!

source：php.cn

Article précédent：Comment rendre une vue partielle à l'aide de jQuery dans ASP.NET MVC ? Article suivant：La définition de Date.setFullYear(year,month, 0) est-elle un moyen fiable de rechercher le dernier jour d'un mois dans les navigateurs ?

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

Derniers articles par auteur

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

2042

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

2202

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

1858

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...