基于JQuery实现鼠标点击文本框显示隐藏提示文本_jquery
程序员文章站
2022-05-16 10:45:38
...
比如本人网站的搜索框:
$(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实现这个效果非常简单,下面是代码:
复制代码 代码如下:
$(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中复选框选中取消实现文本框的显示隐藏
-
jQuery实现点击文本框弹出热门标签的提示效果
-
Jquery中复选框选中取消实现文本框的显示隐藏
-
基于JQuery实现鼠标点击文本框显示隐藏提示文本_jquery
-
基于JQuery实现鼠标点击文本框显示隐藏提示文本_jquery
-
jQuery实现点击文本框弹出热门标签的提示效果_jquery
-
jQuery实现鼠标单击网页文字后在文本框显示的方法
-
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)_jquery
-
jQuery实现鼠标跟随提示层效果代码(可显示文本,Div,Table,Html等)_jquery