Comment gérer les événements de focus de formulaire

Aujourd'hui, nous prendrons la largeur du texte comme exemple pour parler de l'événement focus du formulaire. D'autres types de formulaires sont similaires

<.>Focus : Afin de distinguer l'objet saisi par l'utilisateur, le navigateur peut accepter la saisie de l'utilisateur lorsqu'un élément a le focus.

Nous pouvons mettre l'accent sur les éléments de certaines manières

1.tab

2, cliquez sur

3.js

Pas tous les éléments Tous peut accepter le focus, et seuls les éléments qui peuvent répondre aux opérations de l'utilisateur ont le focus, comme les formulaires, les balises

1.tab Inutile de dire que le navigateur donne nous Terminé, nous pouvons utiliser la touche de tabulation pour changer le focus à tout moment

2.Cliquez pour vous concentrer sur le focus

Lorsque nous cliquons sur l'élément du formulaire, l'élément sur lequel vous avez cliqué obtiendra le focus et déclenchera le focus

var aInp=document.getElementsByTagName('input');
            for(var i=0;i<aInp.length;i++){
                aInp[i].onfocus=function(){
                    this.value=&#39; &#39;;
                }
            }；

Perte de concentration sur le flou

Utilisation : Quand on clique à l'extérieur. Notre formulaire perd le focus et déclenche onblur

3.js pour obtenir le focus. Utilisez la méthode focus pour obtenir le focus, flou. La méthode perd le focus

aInp[1].focus();

Utilisation : Object.focus A ce moment, le focus par défaut est la deuxième forme (idem pour le flou)

** Enfin, une méthode est donnée sélectionnez

sélectionnez tout le contenu du texte dans l'élément spécifié () (l'élément que l'utilisateur peut saisir) ---->

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!