龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

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

时间:2014-10-03 15:01来源:网络整理 作者:网络 点击:
分享到:
一个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>
精彩图集

赞助商链接