首页 > 代码库 > 如何控制textarea中输入的字符长度

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

 

<html>  <head>  <title>控制textarea中输入字符长度</title>  </head><body>  <textarea name="content" cols="60" rows="6" onkeydown="if(this.value.length > 140) event.returnValue = http://www.mamicode.com/false"></textarea></body></html>

 

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

 

  

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

 

 

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

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