input实时显示input内容字数
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');
});
效果如下:
![](https://www.32xp.com/wp-content/uploads/2023/01/20150311190853.jpg)