textarea添加maxlength属性简单介绍

不能说textarea没有maxlength属性，但是兼容性问题巨大，标准浏览器都支持，但是IE10以下的浏览器并不支持。下面就通过代码实例介绍一下用javascript模拟实现此功能。

代码如下:

[ bootstrap ] 运行代码下载代码

<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.51qianduan.com/" />
<title>51前端</title>
<script type="text/javascript">
var textarea_maxlen={
  isMax:function(){
    var textarea=document.getElementById("area");
    var max_length=10;
    if(textarea.value.length>max_length){
      textarea.value=textarea.value.substring(0, max_length);
    }
  },
  disabledRightMouse:function(){
    document.oncontextmenu=function(){ return false; }
  },
  enabledRightMouse:function(){
    document.oncontextmenu = null;
  }
};
window.onload=function(){
  var txt=document.getElementById("area");
  txt.onkeyup=function(){ 
    textarea_maxlen.isMax();
  }
  txt.onfocus=function(){
    textarea_maxlen.disabledRightMouse();
  }
  txt.onblur=function(){
    textarea_maxlen.enabledRightMouse();
  }
}
</script>
</head>
<body>
<textarea id="area"rows="10" cols="40"></textarea>
</body>
</html>

代码描述：textarea添加maxlength属性。textarea添加maxlength属性简单介绍

下载全部收藏

193 257

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册