比如本人网站的搜索框：
不使用的时候：
鼠标点击后：
用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实现鼠标点击文本框显示隐藏提示文本的全部内容，更多相关基于JQuery实现鼠标点击文本框显示隐藏提示文本内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![JavaScript中的一些定位属性[图解]](https://file2.kaopuke.com:8081/files_image/reation/bcimg14.png)
发表评论 取消回复