这个是群里的太阳神贡献。
首先将代码复制后自己添加jquery和d3的库。
<!DOCTYPE html>
<meta charset="utf-8">
<body>
<input type="text" class="c-limit" c-text-limit="13" />
<input type="text" class="c-limit" c-text-limit="3" />
<input type="text" class="c-limit" c-text-limit="5" />
<script src="d3js/d3.v3.js"></script>
<script src="jquery/jquery.js"></script>
<script>
$("input.c-limit").on("keydown",function(d){
if(this.value.length>(+$(this).attr("c-text-limit"))){
$(this).value=$(this).attr("c-text-old");
}else{
$(this).attr("c-text-old",this.value);
}
}).on("keyup",function(d){
if(this.value.length>(+$(this).attr("c-text-limit"))){
this.value=$(this).attr("c-text-old");
}
})
/*
d3.selectAll("input.c-limit").each(function(){
d3.select(this).datum({}).on("keydown",function(d){
if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
d3.select(this).node().value=d.text;
}else{
d.text=d3.select(this).node().value;
}
}).on("keyup",function(d){
if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
d3.select(this).node().value=d.text;
}
});
})*/
</script>
<meta charset="utf-8">
<body>
<input type="text" class="c-limit" c-text-limit="13" />
<input type="text" class="c-limit" c-text-limit="3" />
<input type="text" class="c-limit" c-text-limit="5" />
<script src="d3js/d3.v3.js"></script>
<script src="jquery/jquery.js"></script>
<script>
$("input.c-limit").on("keydown",function(d){
if(this.value.length>(+$(this).attr("c-text-limit"))){
$(this).value=$(this).attr("c-text-old");
}else{
$(this).attr("c-text-old",this.value);
}
}).on("keyup",function(d){
if(this.value.length>(+$(this).attr("c-text-limit"))){
this.value=$(this).attr("c-text-old");
}
})
/*
d3.selectAll("input.c-limit").each(function(){
d3.select(this).datum({}).on("keydown",function(d){
if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
d3.select(this).node().value=d.text;
}else{
d.text=d3.select(this).node().value;
}
}).on("keyup",function(d){
if(d3.select(this).node().value.length>(+d3.select(this).attr("c-text-limit"))){
d3.select(this).node().value=d.text;
}
});
})*/
</script>
</body>