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

330 阅读 0 评论 218 点赞

我是靠谱客的博主英俊墨镜，最近开发中收集的这篇文章主要介绍js监听鼠标事件控制textarea输入字符串的个数，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

【Html代码】

<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代码】

<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>