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

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

一個(gè)js控制textarea輸入字符串的個(gè)數(shù)的腳本，當(dāng)鼠標(biāo)按下抬起時(shí)判斷輸入字符數(shù)，很簡(jiǎn)單，但很實(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">個(gè)字符,每條短信最大允許輸入<strong>65</strong>個(gè)字符</td>

</tr>

</table>

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