基于JQuery实现鼠标点击文本框显示隐藏提示文本


Posted in Javascript onFebruary 23, 2012

比如本人网站的搜索框:

不使用的时候:

基于JQuery实现鼠标点击文本框显示隐藏提示文本

鼠标点击后:

基于JQuery实现鼠标点击文本框显示隐藏提示文本

用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)
Javascript 相关文章推荐
Prototype使用指南之hash.js
Jan 10 Javascript
Document对象内容集合(比较全)
Sep 06 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
jQuery检测返回值的数据类型
Jul 13 Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
DropDownList实现可输入可选择(两种版本可选)
Dec 07 Javascript
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
AngularJS使用ng-repeat遍历二维数组元素的方法详解
Nov 11 Javascript
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
基于JavaScript 实现拖放功能
Sep 12 Javascript
js前台判断开始时间是否小于结束时间
Feb 23 #Javascript
Javascript绝句欣赏 一些经典的js代码
Feb 22 #Javascript
JavaScript插入动态样式实现代码
Feb 22 #Javascript
javascript插入样式实现代码
Feb 22 #Javascript
Javascript 中的 call 和 apply使用介绍
Feb 22 #Javascript
JS对象与JSON格式数据相互转换
Feb 20 #Javascript
js 代码优化点滴记录
Feb 19 #Javascript
You might like
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
php在数据库抽象层简单使用PDO的方法
2015/11/03 PHP
php实现异步数据调用的方法
2015/12/24 PHP
微信公众号OAuth2.0网页授权问题浅析
2017/01/21 PHP
PHP中的异常处理机制深入讲解
2020/11/10 PHP
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
2010/07/29 Javascript
验证控件与Button的OnClientClick事件详细解析
2013/12/04 Javascript
JavaScript判断FileUpload控件上传文件类型
2015/09/28 Javascript
设置jQueryUI DatePicker默认语言为中文
2016/06/04 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
Bootstrap CSS组件之输入框组
2016/12/17 Javascript
jQuery使用ajax方法解析返回的json数据功能示例
2017/01/10 Javascript
vue2.0中vue-cli实现全选、单选计算总价格的实例代码
2017/07/18 Javascript
详解JSONObject和JSONArray区别及基本用法
2017/10/25 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
react-native动态切换tab组件的方法
2018/07/07 Javascript
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
Python中列表、字典、元组、集合数据结构整理
2014/11/20 Python
浅析Python多线程下的变量问题
2015/04/28 Python
Python生成不重复随机值的方法
2015/05/11 Python
Python使用pymysql小技巧
2017/06/04 Python
PyQt 线程类 QThread使用详解
2017/07/16 Python
Python实现Kmeans聚类算法
2020/06/10 Python
Python-OpenCV基本操作方法详解
2018/04/02 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
CSS3 @keyframes简单动画实现
2018/02/24 HTML / CSS
JVM是一个编译程序还是解释程序
2012/09/11 面试题
社区志愿者心得体会
2014/01/03 职场文书
亮化工程实施方案
2014/03/17 职场文书
五好关工委申报材料
2014/05/31 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
介绍信的写法
2015/01/31 职场文书
退休欢送会主持词
2015/07/01 职场文书
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL
springboot实现string转json json里面带数组
2022/06/16 Java/Android