用JavaScript脚本实现限定textarea的输入长度代码

标签: javascript脚本functionhtml
1778人阅读 评论(2) 收藏 举报
分类:

用JavaScript脚本实现限定textarea的输入长度

在Html中,textarea没有maxlength的属性。所有,要限定其输入长度,就要自己编写教本来实现。下面是一个实现的例子:
<html>
<head>
  <script language="JavaScript">
  <!--
    function doKeyPress(maxLen){
      var str=myform.test.value;
      var oSR=document.selection.createRange();
      if(str.length<maxLen){
        return true;
      }else if(oSR.text.length>0){
        return true;
      }else{
        return false;
      }
    }

    function checkPaste(maxLen){
      var str=myform.test.value;
      var oSR=document.selection.createRange();
      var strData=clipboardData.getData('text');
      var iLenPaste=maxLen-str.length+oSR.text.length;
      oSR.text=strData.substring(0,iLenPaste);
      return false;
    }
// -->
</script>
</head>
<body>
<form name="myform">
  <textarea name="test"
    onKeyPress="event.returnValue=doKeyPress(10)"
    onPaste="event.returnValue=checkPaste(10)" cols=100
    rows=5>
  </textarea>            
</form>
</body>
</html>

 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:4300135次
    • 积分:45812
    • 等级:
    • 排名:第73名
    • 原创:587篇
    • 转载:514篇
    • 译文:19篇
    • 评论:877条
    文章存档
    最新评论