服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - js监听鼠标事件控制textarea输入字符串的个数

js监听鼠标事件控制textarea输入字符串的个数

2021-03-25 16:49JavaScript教程网 JavaScript

一个js控制textarea输入字符串的个数的脚本,当鼠标按下抬起时判断输入字符数,很简单,但很实用

【Html代码】

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<table>
 
<tr>
 
<td width="150">短信内容:</td>
 
<td>
 
<textarea name="message" cols="96" rows="5" onKeyDown="textCounter(message,remLen,65);"
 
onKeyUp="textCounter(message,remLen,65);"></textarea>
 
<td>
</tr>
 
<tr><td></td>
<td>您还可以输入:<input name="remLen" type="text" value="65" size="5" readonly="readonly">个字符,每条短信最大允许输入<strong>65</strong>个字符</td>
 
</tr>
 
</table>

【对应的js代码】

?
1
2
3
4
5
6
7
8
<script>
function textCounter(field, countfield, maxlimit) {
if (field.value.length > maxlimit)
field.value = field.value.substring(0, maxlimit);
else
countfield.value = maxlimit - field.value.length;
}
</script>

延伸 · 阅读

精彩推荐