Maison > Article > interface Web > jQuery : Explication détaillée de l'utilisation de l'événement focus

jQuery : Explication détaillée de l'utilisation de l'événement focus

黄舟original: 2017-06-27 11:30:111812parcourir

Cet article présente principalement l'utilisation des événements de focus dans jQuery et analyse les techniques d'utilisation des événements de focus lors de l'obtention du focus sous forme d'exemples. Il a une certaine valeur de référence. Les amis dans le besoin peuvent se référer aux exemples de cet article. 🎜>

Décrit l'utilisation de l'événement focus dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

L'événement focus est déclenché lorsqu'un élément obtient le focus ou appelle la méthode focus().

Un processus événementiel complet doit non seulement avoir des conditions pouvant déclencher l'événement, mais également avoir un programme de

traitement d'événements . Un gestionnaire d'événements peut être lié à l'événement focus via la méthode focus(). Par exemple :

$("input").focus(function(){$(this).css("backgroundColor","red")})

Le code ci-dessus lie la fonction

fonction en tant que gestionnaire d'événement à l'événement focus via la méthode focus(). Cette fonction sera appelée lorsque l'événement focus sera déclenché. Exemple de code :

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.jb51.net/" /> 
<title>focus事件-脚本之家</title> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("input").focus(function(){
    $(this).css("backgroundColor","red")
  }) 
})  
</script> 
</head> 
<body> 
<p> 
<ul> 
  <li>用户名:<input type="text" name="username" /></li> 
  <li>密码:<input type="password" name="userpassword" /></li> 
</ul> 
</p> 
</body> 
</html>

Le code ci-dessus peut enregistrer le gestionnaire d'événements focus pour l'élément d'entrée et définir la couleur d'arrière-plan de la zone de texte lorsqu'elle obtient le focus.

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：Explication détaillée de la fonction d'erreur et des paramètres dans jquery en utilisant ajaxArticle suivant：Explication détaillée de la fonction d'erreur et des paramètres dans jquery en utilisant ajax

Articles Liés

Voir plus