js監聽滑鼠事件控制textarea輸入字串的個數,jstextarea

來源:互聯網
上載者:User

js監聽滑鼠事件控制textarea輸入字串的個數,jstextarea

【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);elsecountfield.value = maxlimit - field.value.length;}</script>

用JS怎解決多行文本域字元限制功可以,要達到單行文字框限制字元的效果;輸滿規定字字元個數後不可以再出現

這樣:
<textarea oninput="s()" onpropertychange="s()"></textarea>
function s(){
var leng=要限制的字元數
if(this.value.lengtg>=leng){
//加一個限制,達到更強勁的效果
event.returnValue=false; //達到指定字數後,任何按鍵都失效。
//截取字串
this.value=this.value.substring(0,leng);
}
}

因為onpropertychange只在IE中有效,而oninput在大多數瀏覽器中都有效,所以兩個一起上。
 
JS監聽INPUT[TEXT]的輸入值問題

去判斷keycode吧 onkeydown觸發判斷函數 kecode列表百度一下就有了

例子 輸入abcd

<input name="" type="text" onkeydown="play(event.keyCode)"/><div id="t"></div>
<script>
function play(keycode){
var keyName;
switch(keycode){
case 65:
keyName='a';
break;
case 66:
keyName='b';
break;
case 67:
keyName='c';
break;
case 68:
keyName='d';
break;
}
document.getElementById('t').innerHTML=keyName;
}
</script>
 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.