js实现搜索框提示字的特效------------获取焦点和失去焦点
2014-11-04 12:40
246 查看
js特效代码：
html代码：
<input type="text" class="search_text" value="请输入温泉度假村的名字"/>
效果截图：
点击前
点击时：
点击后：
/*搜索文本框提示字特效*/
$key = $(".search_text").val();
$(".search_text").bind("focus",function(){
$(this).val("");
});
$(".search_text").bind("blur",function(){
if( $(this).val()==""){
$(this).val($key);
}
});html代码：
<input type="text" class="search_text" value="请输入温泉度假村的名字"/>
效果截图：
点击前
点击时：
点击后：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 焦点的用法，实现获取焦点清空失去焦点提示效果
- textarea焦点的用法实现获取焦点清空失去焦点提示效果
- JSP中JS获取后台传值判断是否为空 JS实现主动使input失去焦点
- textarea焦点的用法实现获取焦点清空失去焦点提示效果
- JS实现新浪微博搜索框提示的特效代码
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- 搜索框根据输入自动提示--js实现
- Jquery实现文本框获取焦点清空内容，失去焦点重新获得内容的公共函数
- 总结下网上的JS控制密码框获取焦点时文字消失，失去焦点时文字出现的方法
- js实现文本框提示，获得焦点消失！
- js简单实现焦点在TextBox时默认提示字体消失
- 通过js实现得到焦点时文本框清空,失去焦点时又显示默认文字，值发生改变时不再恢复默认文字?
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- Jquery实现文本框获取焦点清空内容，失去焦点重新获得内容
- textarea焦点的用法(获取焦点清空，失去焦点提示)
- js 失去焦点时关闭层实现代码
- Jquery实现文本框获取焦点清空内容，失去焦点重新获得内容
- jQuery表单获取和失去焦点输入框提示效果
- JS控制密码框获取焦点时文字消失，失去焦点时文字出现
- js实现获取焦点后光标在字符串后