基于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 相关文章推荐
JavaScript中关于indexOf的使用方法与问题小结
Aug 05 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
jQuery Tags Input Plugin(添加/删除标签插件)详解
Jun 20 Javascript
JS字符串长度判断,超出进行自动截取的实例(支持中文)
Mar 06 Javascript
Restify中接入Socket.io报Error:Can’t set headers的错误解决
Mar 28 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
js技巧之十几行的代码实现vue.watch代码
Jun 09 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
详解Vue内部怎样处理props选项的多种写法
Nov 06 Javascript
JavaScript复制变量三种方法实例详解
Jan 09 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
php 模拟POST|GET操作实现代码
2010/07/20 PHP
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
Array of country list in PHP with Zend Framework
2011/10/17 PHP
PHP中实现获取IP和地理位置类分享
2015/02/10 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
JS应用之禁止抓屏、复制、打印
2008/02/21 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
JS实现选择TextArea内文本的方法
2015/08/03 Javascript
JavaScript数据类型学习笔记
2016/01/25 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
js点击返回跳转到指定页面实现过程
2020/08/20 Javascript
jQuery用FormData实现文件上传的方法
2016/11/21 Javascript
Javascript中click与blur事件的顺序详析
2017/04/25 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
通过示例彻底搞懂js闭包
2017/08/10 Javascript
JS实现的透明度渐变动画效果示例
2018/04/28 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
Python使用os模块和fileinput模块来操作文件目录
2016/01/19 Python
python导入模块交叉引用的方法
2019/01/19 Python
微信公众号token验证失败解决方案
2019/07/22 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
使用keras实现BiLSTM+CNN+CRF文字标记NER
2020/06/29 Python
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
意大利买卖二手奢侈品网站:LAMPOO
2020/06/03 全球购物
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
表彰大会主持词
2014/03/26 职场文书
四风问题对照检查材料
2014/09/22 职场文书
师德师风个人总结
2015/02/06 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书
golang json数组拼接的实例
2021/04/28 Golang
ES6 解构赋值的原理及运用
2021/05/25 Javascript