基于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 相关文章推荐
document.getElementById方法在Firefox与IE中的区别
May 18 Javascript
JavaScript中对象属性的添加和删除示例
May 12 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
jQuery中hasClass()方法用法实例
Jan 06 Javascript
jquery中键盘事件小结
Feb 24 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
Aug 02 Javascript
Vue.js学习笔记之 helloworld
Aug 14 Javascript
node内置调试方法总结
Feb 22 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
用WebStorm进行Angularjs 2开发(环境篇:Windows 10,Angular-cli方式)
Dec 05 Javascript
在微信小程序中使用图表的方法示例
Apr 25 Javascript
微信小程序实现蓝牙打印
Sep 23 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 Memcache 中实现消息队列
2009/11/24 PHP
PHP测试成功的邮件发送案例
2015/10/26 PHP
Thinkphp连表查询及数据导出方法示例
2016/10/15 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
PHP PDOStatement::setAttribute讲解
2019/02/01 PHP
Yii2框架加载css和js文件的方法分析
2019/05/25 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
学习jquery之一
2007/04/27 Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
2013/04/02 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
ZeroClipboard插件实现多浏览器复制功能(支持firefox、chrome、ie6)
2014/08/30 Javascript
javascript框架设计之框架分类及主要功能
2015/06/23 Javascript
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
JavaScript数据库TaffyDB用法实例分析
2015/07/27 Javascript
jquery遍历函数siblings()用法实例
2015/12/24 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
js倒计时小实例(多次定时)
2016/12/08 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
vue 封装 Adminlte3组件的实现
2020/03/18 Javascript
[02:47]3.19DOTA2发布会 国服成长历程回顾
2014/03/25 DOTA
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
Python编程中的文件操作攻略
2015/10/16 Python
获取python文件扩展名和文件名方法
2018/02/02 Python
对Python3 goto 语句的使用方法详解
2019/02/16 Python
python pandas写入excel文件的方法示例
2019/06/25 Python
Python用access判断文件是否被占用的实例方法
2020/12/17 Python
详解Python模块化编程与装饰器
2021/01/16 Python
Farah官方网站:男士服装及配件
2019/11/01 全球购物
工作人员思想汇报
2014/01/09 职场文书
村干部四风问题整改措施
2014/09/30 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
出纳岗位职责范本
2015/03/31 职场文书