网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
javascript吧 关注：269,145贴子：906,518
  • 12回复贴，共1页

求助：<textarea>统计输入多少个字符

怎么让<textarea>知道你开始在里面写入东西 边输入边减数字 就是里面的140


@qq846281511


2026-03-17 19:52:27
广告
不感兴趣
开通SVIP免广告
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<textarea id="t1" onkeyup="test(this)" onkeydown="test(this)"></textarea>
字符数量:<span id="sp1"></span>
<script>
function test(obj){
document.getElementById("sp1").innerHTML = obj.value.length;
}
</script>
</body>
</html>


限制字符数量,换行字符你可以自己过滤下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
</head>
<body>
<textarea id="t1" onkeyup="test(this)" onkeydown="test(this)"></textarea>
还能输入的字符数量:<span id="sp1">10</span>
<script>
var maxLength = 10;
function test(obj) {
if (maxLength - obj.value.length < 0) {
obj.value = obj.value.substr(0, maxLength);
}
document.getElementById("sp1").innerHTML = maxLength - obj.value.length;
}
</script>
</body>
</html>


看头像，加群


oninput


用angularjs吧简单 优雅 ~~~


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta charset="UTF-8" />
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<textarea id="content" name="" rows="10" cols="80" onkeyup="test()">
</textarea>
<div>还能输入<span id="num_txt">280</span>个字</div>
</body>
<script type="text/javascript">
<!--
function test(){
var str = 280;
var doc=document.getElementById("content").value;
var doc1=document.getElementById("num_txt");
var docLength=doc.length;
doc1.innerHTML=str - docLength;
}
//-->
</script>
</html>


2026-03-17 19:46:27
广告
不感兴趣
开通SVIP免广告
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta charset="UTF-8" />
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<textarea id="content" name="" rows="10" cols="80" onkeyup="test()"></textarea>
<div>还能输入<span id="num_txt">140</span>个字</div>
</body>
<script type="text/javascript">
<!--
function test(){
var str = 140;
var doc=document.getElementById("content").value;
var doc1=document.getElementById("num_txt");
var docLength=doc.length;
doc1.innerHTML=str - docLength;
}
//-->
</script>
</html>


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 12回复贴，共1页
分享到: