文本框输入文字时动态变化

<textarea class=" visitorReason" name="visitorReason"   id="txt0" placeholder="访谈申请备注信息" style="min-height: 2.19rem;" maxlength="40" ></textarea>
<div class="fontlenght" style="position: absolute;bottom: .12rem;right:.27rem; color:#CCCCCC;"><em class="now" id="txtNum0">0</em>/<em class="all">40</em></div>

在script标签中

var txt= $("#txt0"); //获取textarea中文字信息
var txtNum= $("#txtNum0");//页面中显示现有输入字数总长度
var chnIpt= false;
$("#txt0").focus(ff)
function ff(){
    txt.on("keyup",function(){
        if(chnIpt ==false){
           txtNum.html($.trim(txt.val()).length);
        }
    });
    txt.on("compositionstart",function(){
        chnIpt = true;
    });
    txt.on("compositionend",function(){
        chnIpt = false;
         txtNum.html($.trim(txt.val()).length);
    });
}