 

基于JQuery实现鼠标点击文本框显示隐藏提示文本_jquery-js教程-

2025-04-23 07:48:06 浏览量(23)

比如本人网站的搜索框：

不使用的时候：

鼠标点击后：

用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）

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

分享到