码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-12-18 10:09:51      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:style   blog   ar   color   sp   for   on   div   log   

 

<html>
  <head>
  <title>控制textarea中输入字符长度</title>
  </head>
<body>
  <textarea name="content" cols="60" rows="6" onkeydown="if(this.value.length > 140) event.returnValue = 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 = this.value.substr(0,140)"></textarea>
    </form>
</body>
</html>

 

 

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

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

标签:style   blog   ar   color   sp   for   on   div   log   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!