栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

textarea焦点的用法实现获取焦点清空失去焦点提示效果

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

textarea焦点的用法实现获取焦点清空失去焦点提示效果

效果图:

具体实现:

1、textarea标签内容
复制代码 代码如下:

备注:



2、初始化使点击添加按钮时,内容显示最多能输入50个字
复制代码 代码如下:
$("#introduction").val("最多能输入50个字");
document.getElementById("introduction").style.color="gray";

3、js脚本
复制代码 代码如下:
function getAddFocus(id){//针对添加操作中的简介和备注,textarea获得焦点清空输入框
var textarea=document.getElementById(id);
textarea.value="";
textarea.style.color="black";
}

function lostAddFocus(id){//针对添加操作中的简介和备注,textarea失去焦点且内容为空时,显示提示信息
var textarea=document.getElementById(id);
var textarea_value=textarea.value;
if(textarea_value==""){
textarea.value="最多能输入50个字";
textarea.style.color="gray";
}
}

csdn小伙伴写的textarea焦点的用法参考:
复制代码 代码如下:
1.文本框显示默认文字:



  2.鼠标点击文本框,默认文字消失:



  5.鼠标移至文本框,默认文字消失,鼠标移出文本框,默认文字又重现:



  6.鼠标单击文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):



  7.鼠标移至文本框,文本框内任何文字消失(包括默认文字及后来输入的文字):



  8.单击文本框后全选文本框内的文字:



  9.鼠标移至文本框全选文本框内的文字:



  10.回车后焦点从当前文本框转移到下一个文本框:



  11.回车后焦点从当前文本框转移到指定位置:


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/107070.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号