基于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 相关文章推荐
推荐40个简单的 jQuery 导航插件和教程(下篇)
Sep 14 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
Jun 24 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
基于JavaScript实现熔岩灯效果导航菜单
Jan 04 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
JavaScript之filter_动力节点Java学院整理
Jun 28 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
Vue底层实现原理总结
Feb 17 Javascript
vue3.0+vue-router+element-plus初实践
Dec 02 Vue.js
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文件上传的简单实例
2013/10/19 PHP
php实现cc攻击防御和防止快速刷新页面示例
2014/02/13 PHP
PHP实现数字补零功能的2个函数介绍
2014/05/12 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
10个超级有用值得收藏的PHP代码片段
2015/01/22 PHP
详解PHP+AJAX无刷新分页实现方法
2015/11/03 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
jQuery点击后一组图片左右滑动的实现代码
2012/08/16 Javascript
jQuery处理图片加载失败的常用方法
2015/06/08 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
JavaScript中boolean类型之三种情景实例代码
2016/11/21 Javascript
JavaScript字符串对象
2017/01/14 Javascript
详解vue服务端渲染(SSR)初探
2017/06/19 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
vue实现可视化可拖放的自定义表单的示例代码
2019/03/20 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
[33:15]2018DOTA2亚洲邀请赛3月30日 小组赛B组 VP VS Mineski
2018/03/31 DOTA
django rest framework vue 实现用户登录详解
2019/07/29 Python
python json 递归打印所有json子节点信息的例子
2020/02/27 Python
解决windows上安装tensorflow时报错,“DLL load failed: 找不到指定的模块”的问题
2020/05/20 Python
Python数据可视化实现多种图例代码详解
2020/07/14 Python
python性能测试工具locust的使用
2020/12/28 Python
柒牌官方商城:中国男装优秀品牌
2017/06/30 全球购物
美国社交购物市场:MassGenie
2019/02/18 全球购物
杭州龙健科技笔试题.net部分笔试题
2016/01/24 面试题
WebSphere面试题:在WebSphere里面如何部署一个应用
2015/08/02 面试题
红旗方阵解说词
2014/02/12 职场文书
党员创先争优活动总结
2014/05/04 职场文书
治安消防安全责任书
2014/07/23 职场文书
工作总结与自我评价
2014/09/18 职场文书
2014年宣传部个人工作总结
2014/12/06 职场文书
功夫熊猫观后感
2015/06/10 职场文书
2015年暑期社会实践方案
2015/07/14 职场文书