zoukankan      html  css  js  c++  java
  • textarea 字体限制,超出部分不显示并及时显示还剩字体个数

    1)HTML

    <textarea class="box" ></textarea  >

    2)JQ:

    $(function(){
        $(".box").bind("input  propertychange",function(){
          var len=$(this).val().length;
          var nowLen=10-len;        //10为最多显示的个数。
          if(nowLen<0){
            alert("最多只能输入10个字哦");
            $("及时显示还剩字体个数的对象").text(0);    //这里是为了比如还剩两个字的时候,用户在键盘上输入三个字,但是还没有打在文本框里的时候的情况,如果不设置为0的话,当用户把那三个字打在文本框内,会让及时显示的个数有问题。
            $(this).val($(this).val().substr(0,10));    //这里必须重新赋值一次。
          }else{
            $("及时显示还剩字体个数的对象").text(nowLen);
          }
        });
      });
  • 相关阅读:
    关于代码手写UI,xib和StoryBoard
    封装自己的framework静态库
    AsyncDisplayKit
    RunLoop
    AFNetworking2.0源码解析<三>
    AFNetworking2.0源码解析<四>
    AFNetworking2.0源码解析<二>
    AFNetworking2.0源码解析<一>
    多线程
    Mac svn 命令
  • 原文地址:https://www.cnblogs.com/zjjDaily/p/6137621.html
Copyright © 2011-2022 走看看