Heim  >  Artikel  >  Web-Frontend  >  jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码_jquery

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码_jquery

WBOY
WBOYOriginal
2016-05-16 18:31:411219Durchsuche
复制代码 代码如下:




<script> <BR>$(function(){ <BR>//输入框中文字颜色控制 <BR>$("input:not(:last)").css("color","#999"); <BR>}); <BR>//用户名框鼠标焦点移进,文字消失 <BR>$("input:first").click(function () { <BR>var check1 = $(this).val(); <BR>if (check1 == this.defaultValue) { <BR>$(this).val(""); <BR>} <BR>}); <BR>//用户名框鼠标焦点移出,文字显示 <BR>$("input:first").blur(function () { <BR>$(this).val(this.defaultValue); <BR>}); <BR>//密码框鼠标焦点移进,文字消失 <BR>$("input:eq(1)").click(function () { <BR>var check2 = $(this).val(); <BR>if (check2 == this.defaultValue) { <BR>$(this).val(""); <BR>} <BR>//密码框鼠标焦点移出,文字显示 <BR>$("input:eq(1)").blur(function () { <BR>$(this).val(this.defaultValue); <BR>}); <BR>}) <BR></script>
Stellungnahme:
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