input实时显示input内容字数
- 2,905
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');
});
效果如下:

声明:博客中如无特殊说明或标注的文章均为博客原创文章,部分文章来源互联网,如有侵犯您的版权,或者对零分博客发布的文章有异议,请来信告知删除、修改,如您有好的建议或者意见也可以来信,谢谢!












