【随手笔记——JQuery】输入框的的提示,点击后消失
//普通输入框 function inputTip(e,temp,icon){ e.click(function(){ var text = e.attr("value"); if(text.trim() == temp){ e.attr("value",""); } e.removeClass("inputColor"); icon.addClass("iconStyle_after"); }); e.blur(function(){ var text = e.val(); if(text.trim() == ""){ e.attr("value",temp); e.addClass("inputColor"); } icon.removeClass("iconStyle_after"); }); } //密码输入框 function inputPasswordTip(e,temp,icon){ e.click(function(){ var text = e.attr("value"); if(text.trim() == temp){ e.attr("value",""); e.attr("type","password"); } e.removeClass("inputColor"); icon.addClass("iconStyle_after"); }); e.blur(function(){ var text = e.val(); if(text.trim() == ""){ e.attr("type","text"); e.attr("value",temp); e.addClass("inputColor"); }else{ e.attr("type","password"); } icon.removeClass("iconStyle_after"); });
大概原理是,当鼠标点击的时候获取输入框的文本,如果是提示值,则清空。
当输入框失去焦点的时候,获取文本,如果为空,则填上提示。
但是有点问题,就是如果输入过,然后删除掉,就会失去作用,不知道为什么,求高手指点
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。