Comment déterminer si un objet a le focus dans jquery

La méthode jquery pour déterminer si un objet a obtenu le focus : créez d'abord un fichier d'exemple de code ; puis utilisez la méthode is() pour vérifier si l'élément sélectionné correspond au sélecteur et enfin combinez-le avec le pseudo- CSS3 ; sélecteur de classe ":focus" qui peut déterminer si l'objet a obtenu le focus.

L'environnement d'exploitation de cet article : système Windows 7, jquery version 1.2.6, ordinateur Dell G3.

jquery peut utiliser la méthode is() pour déterminer si un objet a le focus. La méthode is() est utilisée pour vérifier si l'élément sélectionné correspond au sélecteur. Elle peut être jugée en combinant la pseudo-classe CSS3. selector: focus. Le code spécifique est $(selector).is(':focus'), lorsque le résultat renvoyé est vrai, il a le focus.

Comment jquery détermine-t-il si un objet a le focus ?

jquery peut utiliser $(selector).is(":focus") pour déterminer si un objet a obtenu le focus. Renvoie vrai lorsque l'objet a le focus, faux sinon.

Syntaxe : $(selector).is('')

Fonction : La méthode is() permet de vérifier si l'élément sélectionné correspond au sélecteur.

 : le sélecteur de focus est utilisé pour sélectionner l'élément ciblé.

Astuce : Les éléments qui reçoivent des événements de clavier ou d'autres entrées utilisateur autorisent le sélecteur :focus.

Recommandé : "Tutoriel vidéo jquery"

Exemple d'utilisation :

<input type="text" id="input">
<script>
    // 延迟2s判断输入框是否具有焦点
    setTimeout(()=>{
        var isFocus=$("#input").is(":focus");  
        if(true==isFocus){  
            console.log(&#39;focus&#39;)
        }else{  
            console.log(&#39;blur&#39;)
        }
    }, 2000)
</script>

Après avoir actualisé la page Web, cliquez immédiatement sur la zone de saisie et sur le programme affichera le focus

Après avoir actualisé la page Web, le programme affichera un flou si la zone de saisie n'est pas cliquée.

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!