<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,不过处理没有上面的方式好,这里会先显示用户输入的全部内容,然后再进行截取,显示的内容会先多再少的删一下,效果不是很好