快捷導(dǎo)航

js監(jiān)聽鼠標(biāo)事件控制textarea輸入字符串的個數(shù)

更新時間：2014年09月29日 16:37:02 投稿：whsnow

一個js控制textarea輸入字符串的個數(shù)的腳本，當(dāng)鼠標(biāo)按下抬起時判斷輸入字符數(shù)，很簡單，但很實用

【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ān)文章

JS實現(xiàn)在網(wǎng)頁中彈出一個輸入框的方法
這篇文章主要介紹了JS實現(xiàn)在網(wǎng)頁中彈出一個輸入框的方法,實例分析了prompt的用法,可用來設(shè)置密碼,具有一定參考借鑒價值,需要的朋友可以參考下
2015-03-03
實現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)
下面小編就為大家?guī)硪黄獙崿F(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
JavaScript自定義日歷效果
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11
JavaScript異步加載問題總結(jié)
本篇文章給大家分享了作者在學(xué)習(xí)JavaScript異步加載中遇到的問題，總結(jié)后給出了詳細(xì)的處理方案，有興趣的朋友可以學(xué)習(xí)下。
2018-02-02
javascript為下拉列表動態(tài)添加數(shù)據(jù)項
這篇文章主要介紹了javascript如何為下拉列表動態(tài)添加數(shù)據(jù)項,需要的朋友可以參考下
2014-05-05
JS獲取父節(jié)點方法
在Web應(yīng)用程序特別是Web2.0程序開發(fā)中，經(jīng)常要獲取頁面中某個元素，然后更新該元素的樣式、內(nèi)容等。
2009-08-08
輸入框過濾非數(shù)字的js代碼
這篇文章主要介紹js過濾輸入框中非數(shù)字的字符，很簡單，但很實用，需要的朋友可以參考下
2014-09-09
js刪除數(shù)組中指定元素的幾種方式
js數(shù)組是js部分非常重要的知識，有時我們有這么個需求js數(shù)組刪除指定元素,下面這篇文章主要給大家介紹了關(guān)于js刪除數(shù)組中指定元素的幾種方式,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-01-01
JavaScript實現(xiàn)簡單動態(tài)表格
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)簡單動態(tài)表格，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-12-12
小程序?qū)崿F(xiàn)簡單吸頂效果
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)簡單吸頂效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-05-05