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:111764parcourir
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 detraitement 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 fonctionfonction 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!