移动端用js与jquery实时监听输入框值的改动,jquery 移动端输入事件input,textarea输入,事件监听

js方法:

if(isIE) 
{ 
  document.getElementById("input").onpropertychange = keys(); 
} 
else 
{ 
  document.getElementById("input").addEventListener("input", keys, false);
}

 

jquery方法:

$('input').bind('input propertychange', function() { 
  //进行相关操作 
});

 

计算还剩余多少字可以输入:


<div class="words"
<textarea id="textID" placeholder="请输入您的中秋节祝福"></textarea>
<samp>还可以输入<span>50</span>个字</samp>
</div>
 

 

         var lens=0;
        $(".words textarea").bind('input propertychange',function(){
            lens=get_length($(this).val());
            var lastStr = parseInt(50-lens);
            console.log(lens,lastStr);
            if(lastStr<=0){
                lastStr=0
            }
           $(".words samp").html("还可以输入<span>"+lastStr+"</span>个字");
        });

 

posted @ 2018-09-12 09:25  Shimily  阅读(308)  评论(0编辑  收藏  举报