Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > jQuery reagiert auf Mausereignisse und blendet die Eingabestandardwerte_jquery aus und zeigt sie an

jQuery reagiert auf Mausereignisse und blendet die Eingabestandardwerte_jquery aus und zeigt sie an

WBOY

Freigeben： 2016-05-16 16:38:43

Original

983 Leute haben es durchsucht

Teilen Sie ein Beispiel dafür, wie jQuery Eingabestandardwerte verbirgt und anzeigt.

<!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>

Nach dem Login kopieren

Verwandte Etiketten：

input 默认值鼠标事件

Quelle：php.cn

Vorheriger Artikel：jquery verwendet $(element).is(), um den erhaltenen tagName_jquery zu ermitteln Nächster Artikel：JS-Methode zum Anmelden durch Drücken der Eingabetaste_Javascript-Kenntnisse

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors