recherche

Maison >interface Web >js tutoriel >Explication détaillée sur l'utilisation des événements de flou et de focus dans jQuery

Explication détaillée sur l'utilisation des événements de flou et de focus dans jQuery

黄舟
黄舟original
2017-06-26 14:06:121820parcourir

Cet article présente principalement l'application des événements focus et Blur dans jQuery. Les amis qui en ont besoin peuvent venir s'y référer. J'espère que cela sera utile à tout le monde

1. Raisons de la demande

Lors du remplissage du formulaire, les effets suivants doivent être obtenus

Mise en œuvre spécifique
. 

<!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<
head
>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<title>鼠标点击后无文字，挪开鼠标后有文字</title>
<script 
lang
uage="
JavaScript
"src="../jQuery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
     $(function(){
         /*进入焦点时触发*/
         $("#ac
count
").focus(function(){
              varoldValue = $(this).val();
              if(oldValue == this.defaultValue){
                  $(this).val("");
              }
         });  
         /*失去焦点时触发*/
         $("#account").blur(function(){
              alert("12");
              varoldValue = $(this).val();
              if(oldValue == ""){
                   $(this).val(this.defaultValue);
              }
         });
     });
</script>
</head>
<body>
帐号：<input id="account"name="account" type="text" value="请输入帐号">
</body>
</html>

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 façon d'utiliser l'événement jQuery Blur()Article suivant：Explication détaillée de la façon d'utiliser l'événement jQuery Blur()

Articles Liés

Voir plus