jQuery : Explication détaillée de l'utilisation de l'événement focus-js tutoriel-php.cn

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

黄舟

Libérer： 2017-06-27 11:30:11

original

1763 Les gens l'ont consulté

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")})

Copier après la connexion

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>

Copier après la connexion

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!