×

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

作者:Terry2017.02.08来源:Web前端之家浏览:11855评论:0
关键词:JQueryJS

比如本人网站的搜索框:

不使用的时候:

鼠标点击后:

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

您的支持是我们创作的动力!
温馨提示:本文作者系Terry ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/svg1486483200597.html

网友评论文明上网理性发言已有0人参与

发表评论: