js實現(xiàn)控制textarea輸入字符串的個數(shù),鼠標按下抬起判斷輸入字符數(shù)
更新時間：2016年10月25日 08:58:05 投稿：jingxian
下面小編就為大家?guī)硪黄猨s實現(xiàn)控制textarea輸入字符串的個數(shù),鼠標按下抬起判斷輸入字符數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
【Html代碼】
<table>
<tr>
<td width="150">短信內(nèi)容：</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>
【對應(yīng)的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>
以上就是小編為大家?guī)淼膉s實現(xiàn)控制textarea輸入字符串的個數(shù),鼠標按下抬起判斷輸入字符數(shù)全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
bootstrap-Treeview實現(xiàn)級聯(lián)勾選
這篇文章主要為大家詳細介紹了bootstrap-Treeview實現(xiàn)級聯(lián)勾選，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
JavaScript 題型問答有答案參考，都是一些開發(fā)中容易碰到的問題。2010-02-02
JavaScript實現(xiàn)自動生成網(wǎng)頁元素功能（按鈕、文本等）
這篇文章主要介紹了JavaScript實現(xiàn)自動生成網(wǎng)頁元素功能，文章列出了三種可以進行增刪改克隆按鈕、文本等元素的方法，感興趣的小伙伴們可以參考一下2015-11-11
Javascript將雙字節(jié)字符轉(zhuǎn)換成單字節(jié)字符并計算長度
這篇文章主要介紹Javascript將雙字節(jié)字符轉(zhuǎn)換成單字節(jié)字符并計算長度的方法,簡單實用,需要的朋友可以參考下。2016-06-06
本文主要介紹了js實現(xiàn)貪吃蛇小游戲的步驟與方法，代碼簡單，容易理解。具有很好的參考價值，下面跟著小編一起來看下吧2017-01-01
本文給大家總結(jié)了javascript中的循環(huán)遍歷，給大家總結(jié)的非常全面，感興趣的朋友跟隨小編一起看看吧2018-09-09
JavaScript ECMA-262-3 深入解析（一）：執(zhí)行上下文實例分析
這篇文章主要介紹了JavaScript ECMA-262-3 執(zhí)行上下文,結(jié)合實例形式詳細分析JavaScript ECMA執(zhí)行上下文相關(guān)概念、原理與操作注意事項,需要的朋友可以參考下2020-04-04
淺談async、defer以普通script加載的區(qū)別
本文主要介紹了淺談async、defer以普通script加載的區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
這篇文章主要介紹了JavaScript驗證Email的3種方法，需要的朋友可以參考下2015-09-09
這篇文章主要介紹了詳解webpack 熱更新優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09