communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > js tutoriel > jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jquery

jQuery répond aux événements de la souris et masque et affiche les valeurs par défaut d'entrée_jquery

WBOY

Libérer： 2016-05-16 16:38:43

original

982 Les gens l'ont consulté

Partagez un exemple de la façon dont jQuery masque et affiche les valeurs d'entrée par défaut.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery 隐藏与显示 input 默认值</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>

Copier après la connexion

Étiquettes associées：

input 默认值鼠标事件

source：php.cn

Article précédent：jquery utilise $(element).is() pour déterminer le tagName_jquery obtenu Article suivant：Méthode JS pour vous connecter en appuyant sur la touche Entrée_javascript skills

Déclaration de ce site Web

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

Derniers articles par auteur