zoukankan      html  css  js  c++  java
  • 巧用 即刻搜索事件 input propertychange 监听输入框字数

    实时监听输入框的字数,大于200时,不再输入。

    即时搜索:

     propertychange(ie)和input事件(常用)

               input是标准的浏览器事件,一般应用于input元素,当input的value发生变化就会发生,无论是键盘输入还是鼠标黏贴的改变都能及时监听到变化

        propertychange,只要当前对象属性发生改变。(IE专属的)

    <div class="container js_container">
      <div class="weui-cells__title">问题描述</div>
           <div class="weui-cells weui-cells_form">
               <div class="weui-cell">
                    <div class="weui-cell__bd">
                         <textarea id="doctorIntroduction" class="weui-textarea" placeholder="写答案" rows="3"></textarea>
                         <div class="weui-textarea-counter"><span class="textareaLength">0</span>/200</div>
                    </div>
          </div>
       </div> </div> </div>
    //即时搜索 'input propertychange'  限制输入字符
    $('.js_container').delegate('#doctorIntroduction', 'input propertychange', function(e){
        e.stopPropagation();
        var fizeNum = $(this).val().length;
        if(fizeNum > 200){
            var char = $(this).val();
            char = char.substr(0,200);
            $(this).val(char);
            fizeNum = 200;
            weui.topTips('输入不能超过200哦!');
        }
        $(this).parent().find('.textareaLength').text(fizeNum);
    })

     

  • 相关阅读:
    bzoj4543 长链剖分
    tarjan算法
    uoj36 玛里苟斯 高斯消元做法
    狄利克雷卷积
    斜率优化
    将一个工作簿拆分为多个工作表
    如何制作Excel斜线表头
    逻辑函数(IF函数)
    逻辑函数(AND,OR,NOT)
    Excel中提取英文,数值和编码(LEN函数)
  • 原文地址:https://www.cnblogs.com/baiyygynui/p/6337498.html
Copyright © 2011-2022 走看看