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

  • 相关阅读:
    动态数据源切换
    Disconf实践指南:改造篇
    Disconf实践指南:使用篇
    Disconf实践指南:安装篇
    执行Git命令时出现各种 SSL certificate problem 的解决办法
    linux rz 乱码
    分布式配置项管理-开源方案预研究
    mac下mysql5.7.18修改root密码
    git 版本回滚
    关于@Autowired使用注意点
  • 原文地址:https://www.cnblogs.com/b302/p/4171046.html
Copyright © 2011-2022 走看看