基于JQuery实现鼠标点击文本框显示隐藏提示文本
更新时间：2012年02月23日 22:55:36 作者：
我们做搜索框的时候，经常需要这样一个效果：搜索框默认显示一段提示文本，比如“输入关键词”，鼠标点击后，清空这段文本。鼠标再次点击别的地方，又要恢复这段文本
比如本人网站的搜索框：
不使用的时候：
鼠标点击后：
用JQuery实现这个效果非常简单，下面是代码：
复制代码 代码如下:
$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip属性转换为Html为title属性
searchBox.val("");
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
}
});
searchBox.blur();
});
其中#ctl00_txtSearch是搜索框的ID（ASP.NET可以通过ClientID获取这个ID）
相关文章
jQuery使用$.ajax进行异步刷新的方法(附demo下载)
这篇文章主要介绍了jQuery使用$.ajax进行异步刷新的方法,涉及jQuery实现ajax异步刷新实现数据交互的相关技巧,并提供了完整示例demo供读者下载参考,需要的朋友可以参考下2015-12-12
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
这篇文章主要介绍了BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
本文给大家分享的是使用jquery实现模拟右键菜单插件的方法和代码分享，十分的实用，有需要的小伙伴可以参考下。2015-03-03
jqGrid提供了大量的选项设置，开发者可以通过设置选项对应值来控制jqGrid，比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的2015-12-12
这篇文章主要介绍了jQuery实现简单倒计时功能的方法,涉及jQuery根据时间动态操作页面元素的相关技巧,需要的朋友可以参考下2016-07-07
下面小编就为大家带来一篇运用jQuery写的验证表单(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
jQuery form 表单验证插件(fieldValue)校验表单
这篇文章主要介绍了jQuery form 表单验证插件(fieldValue)校验表单的相关资料,需要的朋友可以参考下2016-01-01
文章内容为初次使用Jqplot图表插件的测试代码，仅供参考。2016-06-06
这篇文章主要介绍了jQuery表格行上移下移和置顶的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-10-10
这篇文章主要介绍了jQuery实现自动调用和触发某个事件的方法,结合实例形式列举分析了jQuery事件触发的常见操作技巧,需要的朋友可以参考下2016-11-11
最新评论