jQuery和D3两种版本输入框长度控制
来源:互联网 发布:交行中铁网络信用卡 编辑:程序博客网 时间:2024/05/29 09:07
这个是群里的太阳神贡献。
首先将代码复制后自己添加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>
0 0
- jQuery和D3两种版本输入框长度控制
- jquery控制input只能输入数字和两位小数
- jquery控制input只能输入数字和两位小数(转)
- js控制输入框最大长度
- 控制文本框输入长度
- 控制输入的长度
- TextArea 控制输入长度
- UITextField 控制输入长度
- jquery控制textarea长度
- EXT文本框TextField输入长度和内容控制
- js控制input的输入内容和长度
- debug - UITextField 控制输入长度
- js控制input输入长度
- 多行文本框限制输入字符长度(两种方法)
- 多行文本框限制输入字符长度(两种方法)
- 多行文本框限制输入字符长度(两种方法)
- 多行文本框限制输入字符长度(两种方法)
- textfeild输入长度和键盘弹起输入框上移
- kinect2.0在c#引用不了的问题
- MATLAB背景的叠加
- 杂项
- find_task_by_vpid undefined 问题
- Attribute(特性)
- jQuery和D3两种版本输入框长度控制
- Hibernate基本原理篇(一)
- poj 2478 欧拉函数
- Android 控件布局常用属性
- APP的UI测试
- 【转】AdaBoost--从原理到实现
- Hibernate基本原理篇(二)
- 颠倒一个链表的顺序
- 验证码识别