Comment déterminer si le focus a été perdu dans jquery-Questions et réponses frontales-php.cn

Comment déterminer si le focus a été perdu dans jquery

WBOY

Libérer： 2022-04-02 12:05:33

original

2648 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser les méthodes flou() et focus() pour déterminer si un élément a perdu le focus. Elle est utilisée pour déclencher des événements lorsqu'un élément perd et gagne le focus. La syntaxe est "element object.blur(function. ()(code de focus perdu;} élément Object.focus(function(){Obtenir le code de focus;}".

Comment déterminer si le focus a été perdu dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 10, version jquery3.2.1, ordinateur Dell G3.

Comment juger si jquery a perdu le focus

Quand L'événement de flou se produit lorsqu'un élément perd le focus La méthode

blur() déclenche l'événement de flou ou spécifie une fonction à exécuter lorsque l'événement de flou se produit.

Déclenchez l'événement de flou pour l'élément sélectionné :

$(selector).blur()

Copier après la connexion

Ajoutez une fonction à l'événement de flou :

$(selector).blur(function)

Copier après la connexion

L'événement de focus se produit lorsque l'élément obtient le focus. La méthode

focus() déclenche l'événement de focus, ou spécifie. une fonction à exécuter lorsque l'événement focus se produit.

Déclenchez l'événement focus de l'élément sélectionné :

$(selector).focus()

Copier après la connexion

Ajouter une fonction Pour focaliser l'événement :

$(selector).focus(function)

Copier après la connexion

L'exemple est le suivant :

<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("input").blur(function(){
    document.getElementById(&#39;city&#39;).innerHTML="失去焦点了";
  });
  $("input").focus(function(){
    document.getElementById(&#39;city&#39;).innerHTML="获得焦点了";
  });
});
</script>
</head>
<body>
输入你的名字: <input type="text">
<p id="city">判断输入框是否失去焦点</p>
</body>
</html>

Copier après la connexion

Résultat de sortie :

Comment déterminer si le focus a été perdu dans jquery