您的位置：首页 > Web前端 > JavaScript

js组件化1 input 框后span计算输入数字

2016-07-19 10:03 363 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>

var spanCount = (function(){
var _bind = function(that){that.input.on('keyup',function(){that.render();}); };
var _getNum = function(that){return that.input.val().length;};
var spanFun = function(config){};
spanFun.prototype.init= function(config){this.input=$(config.id);_bind(this);return this;};
spanFun.prototype.render = function(){var num =_getNum(this);if(this.input.next('span').length==0){this.input.after('<span></span>');}; this.input.next().text(num+'个字');}
return spanFun;
})();

$(function() {
new spanCount().init({id:'#J_input'}).render();
new spanCount().init({id:'.input'}).render();
})

</script>
</head>
<body>
<input type="text" id="J_input"/>
<input type="text" class="input" />
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航