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>