js写发布微博文本框---2017-04-14

最新推荐文章于 2021-06-07 13:35:01 发布

weixin_30702887

最新推荐文章于 2021-06-07 13:35:01 发布

阅读量129

点赞数

原文链接：http://www.cnblogs.com/chenguanai/p/6707075.html

版权

实现效果：

1、文本框输入内容，低端字数对应减少

2、当文本框内容超出时，会显示字数超出多少

效果图如下：

实现代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#aa{
height: 150px;
width: 300px;
border: 1px solid grey;
}
#ff{
color: red;
}
</style>
</head>
<body>
<textarea id="aa" οnkeyup="doinput(this)">

</textarea><br />
还可以输入<span id="dd" >140</span>个字
         
<span id="ff"></span>
</body>
</html>
<script language="javascript">
function doinput(txt)
{
var s = txt.value; //读取文本框内容
var n = s.length; //读取文本框内容的长度
var shengyu = 140-n; //140-去内容长度
if(shengyu>=0){
document.getElementById("dd").innerHTML = shengyu;
}
else{

document.getElementById("ff").innerHTML = "字数超出"+shengyu;
}
}
</script>