数码资讯
textarea重点实现病灶清除和失去焦点的使用效果
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
设计素描 uff1a
具体的实现:
1、文本标签的内容
复制代码代码如下所示:
备注:uff1a
2。当初始化使单击添加按钮时,内容最多可以显示为50个单词。
复制代码代码如下所示:
$(# )。瓦迩(可以输入50字最多);
document.getelementbyid()。风格。颜色=灰色;
3,js脚本
复制代码代码如下所示:
功能getaddfocus(ID){ / /添加操作的介绍和说明,文本是空盒子的焦点
var文本= document.getelementbyid(ID);
文本值= ;
文本。风格。颜色=黑;
}
功能lostaddfocus(ID){ / /添加操作的介绍和说明,文本框失去焦点和内容为空,则显示一个消息
var文本= document.getelementbyid(ID);
无功textarea_value = textarea.value;
如果(textarea_value = =){
文本。最多可输入50字值= 。
文本。风格。颜色=灰色;
}
}
该区域重点由CSDN的小伙伴写的使用:
复制代码代码如下所示:
1。文本框显示默认文本:
白鸽男孩
白鸽男孩
2。鼠标点击文本框,默认文本消失:
白鸽男孩
白鸽男孩
3。鼠标移动到文本框,默认文本消失:
白鸽男孩
白鸽男孩
4。鼠标单击文本框,默认文本消失,单击任何区域以外的文本框,默认重新出现:
白鸽男孩
白鸽男孩
5。鼠标移动到文本框,默认文本消失,鼠标移出文本框,默认文本再次出现。
白鸽男孩
白鸽男孩
6。鼠标单击文本框,文本框中的任何文本都会消失(包括默认文本和后面的输入文本):
白鸽男孩
白鸽男孩
7。鼠标移动到文本框,文本框中的任何文本都在消失(包括默认文本和后面的输入文本):
白鸽男孩
白鸽男孩
选择文本框8中的文本。单击文本框:
白鸽男孩
白鸽男孩
9。鼠标选择文本框文本框文本:
白鸽男孩
白鸽男孩
10后,焦点将从当前文本框移动到下一个文本框:
白鸽男孩
白鸽男孩
11。焦点在回车后从当前文本框转移到指定位置:
白鸽男孩
具体的实现:
1、文本标签的内容
复制代码代码如下所示:
备注:uff1a
2。当初始化使单击添加按钮时,内容最多可以显示为50个单词。
复制代码代码如下所示:
$(# )。瓦迩(可以输入50字最多);
document.getelementbyid()。风格。颜色=灰色;
3,js脚本
复制代码代码如下所示:
功能getaddfocus(ID){ / /添加操作的介绍和说明,文本是空盒子的焦点
var文本= document.getelementbyid(ID);
文本值= ;
文本。风格。颜色=黑;
}
功能lostaddfocus(ID){ / /添加操作的介绍和说明,文本框失去焦点和内容为空,则显示一个消息
var文本= document.getelementbyid(ID);
无功textarea_value = textarea.value;
如果(textarea_value = =){
文本。最多可输入50字值= 。
文本。风格。颜色=灰色;
}
}
该区域重点由CSDN的小伙伴写的使用:
复制代码代码如下所示:
1。文本框显示默认文本:
白鸽男孩
白鸽男孩
2。鼠标点击文本框,默认文本消失:
白鸽男孩
白鸽男孩
3。鼠标移动到文本框,默认文本消失:
白鸽男孩
白鸽男孩
4。鼠标单击文本框,默认文本消失,单击任何区域以外的文本框,默认重新出现:
白鸽男孩
白鸽男孩
5。鼠标移动到文本框,默认文本消失,鼠标移出文本框,默认文本再次出现。
白鸽男孩
白鸽男孩
6。鼠标单击文本框,文本框中的任何文本都会消失(包括默认文本和后面的输入文本):
白鸽男孩
白鸽男孩
7。鼠标移动到文本框,文本框中的任何文本都在消失(包括默认文本和后面的输入文本):
白鸽男孩
白鸽男孩
选择文本框8中的文本。单击文本框:
白鸽男孩
白鸽男孩
9。鼠标选择文本框文本框文本:
白鸽男孩
白鸽男孩
10后,焦点将从当前文本框移动到下一个文本框:
白鸽男孩
白鸽男孩
11。焦点在回车后从当前文本框转移到指定位置:
白鸽男孩
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。