如何控制textarea中输入的字符长度

<html>
  <head>
  <title>控制textarea中输入字符长度</title>
  </head>
<body>
    <form>
      <textarea name="content" cols="60" rows="6" onkeydown="if(this.value.length > 140) event.returnValue = false"></textarea>
  </form>
</body>
</html>
 1 <html>
 2   <head>
 3   <title>控制textarea中输入字符长度</title>
 4   </head>
 5 <body>
 6       <form>
 7              <textarea name="content" cols="60" rows="6" onkeydown="if(this.value.length > 140) event.preventDefault()"></textarea>
 8        </form>
 9 </body>
10 </html>

上面的代码通过onkeydown事件,在输入的字符长度超过140的时候,设置event.returnValue为false,通过该属性可以取消事件处理程序中调用函数的默认操作。

注意:这里的event.returnValue属性只适用于IE,对于火狐浏览器可以用event.preventDefault()

 

  

<html>
<head>
  <title>控制textarea中输入字符长度</title>
</head>
<body>
    <form>
        <textarea name="content" cols="60" rows="6" onkeyup="if(this.value.length > 140) this.value = this.value.substr(0,140)"></textarea>
    </form>
</body>
</html>

这里的通过onkeyup也可以控制输入的字符串长度不超过140,不过处理没有上面的方式好,这里会先显示用户输入的全部内容,然后再进行截取,显示的内容会先多再少的删一下,效果不是很好

原文地址:https://www.cnblogs.com/b302/p/4171046.html