零分杂记

input实时显示input内容长度，写这个是因为自定义优站需要入库，入库的标题淘宝很牛逼的限制成了22个字数，因为是自定义后台直接入库的，每次都去数一下字数是不是更牛逼？好吧，这是废话。于是就百度了一下，input实时显示input内容字数。

正常环境的JS：

<input type='text' id='num' name='tel' value='12345' onKeyUp="showLen(this);"> <span id="span">已输入XX位</span>   
  
<script type="text/javascript">   
showLen(document.getElementById("num"));   
function showLen(obj){   
    document.getElementById('span').innerHTML =  obj.value.length +'/15';   
}   
</script>  

因为需要把他放在淘宝的优站上，所以，需要对JS进行一直，而且，很多代码都会被过滤，经过了几个小时的测试，移植过来的代码如下：

输入框：

<input type="text" id="num" class="putcount" name="tel" value="输入您喜欢宝贝关键词"> <span class="putcountspan">0/22</span>   

JS：

KISSY.Event.on(".putcount","keyup mouseup",function(){   
   KISSY.DOM.text(".putcountspan", this.value.length +'/22');   
});  

效果如下：