限制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>

 

posted @ 2016-07-06 15:11  joesmile  阅读(374)  评论(0)  编辑  收藏  举报