jQuery和D3两种版本输入框长度控制

这个是群里的太阳神贡献。

首先将代码复制后自己添加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>
</body>

阅读更多
文章标签: 输入框长度控制
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

jQuery和D3两种版本输入框长度控制

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭