手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >基于JQuery实现鼠标点击文本框显示隐藏提示文本
基于JQuery实现鼠标点击文本框显示隐藏提示文本
摘要:比如本人网站的搜索框:不使用的时候:鼠标点击后:用JQuery实现这个效果非常简单,下面是代码:复制代码代码如下:$(document).r...

比如本人网站的搜索框:

不使用的时候:

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

鼠标点击后:

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

用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实现鼠标点击文本框显示隐藏提示文本】相关文章:

javascript实现点击后变换按钮显示文字的方法

jquery实现点击label的同时触发文本框点击事件的方法

jQuery实现dialog设置focus焦点的方法

jQuery实现不断闪烁文字的方法

jQuery实现控制文字内容溢出用省略号(…)表示的方法

jQuery切换所有复选框选中状态的方法

纯javascript实现四方向文本无缝滚动效果

JavaScript实现鼠标点击后层展开效果的方法

基于JavaScript实现图片点击弹出窗口而不是保存

JavaScript实现带标题的图片轮播特效

精品推荐
分类导航