限制textarea输入内容长度(多浏览器兼容、鼠标操作可控)

限制textarea的输入内容长度,当从键盘输入,内容长度达到最大值时,只有输入Backspace、Delete、左移动、右移动有效,当用鼠标粘贴内容,则只保留最大值长度的内容。从而控制textarea的输入内容长度。

<html>
<head></head>
<body>
<textarea style="width:400px;height:300px;" onkeydown="return check(event,this,10);" onpropertychange="farmat(this,10);" oninput="farmat(this,10);"></textarea>
<script>
function check(event,obj,max){ /* max为最大可输入长度 */
var str = obj.value;
if (str.length>max){
if (event.keyCode == 8 || event.keyCode == 46 || event.keyCode == 37 || event.keyCode == 39) {
return true;
}else{
return false;
}
}
}
function farmat(obj,max){
var str = obj.value;
if (str.length>max){
obj.value = obj.value.substr(0,max);
}
}
</script>
</body>
</html>
上一篇:HTTP/TCP/IP协议


下一篇:[jQuery]empty()和remove()的区别