解决方案 »
- javascript问题:为什么循环提交表单只能提交一次 而如果中间加上个alert阻断一会儿 就可以提交多次了
- JavaScript的date问题
- Extjs,handler选项里面如何传递自定义参数?
- 谁有支持热点,或图片 的好的下拉导航
- 有没有代码简单清晰的 日期选择控件??
- 如何实现Ctrl键一直处于按下状态呢?
- 【Ajax】读一样的XML,结果却不一样?
- 谁能写一个JavaScript函数:IsNumeric()
- 关于页面打开和关闭的问题?
- 请问怎么在<head>或者<body>区域中加上自己的注释?
- javascript:showDialog() 事件方法使用问题....
- 求一个正则表达式的写法
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function test(){
var val=document.form1.t1.value;
if( document.form1.t1.value.length=16){
document.form1.t1.value=val.substring(0,4);
document.form1.t2.value=val.substring(4,8);
document.form1.t3.value=val.substring(8,12);
document.form1.t4.value=val.substring(12,16);
}
}
</script>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input name="t1" type="text" id="t1" onchange="test();"/>
</label>
<label>
<input name="t2" type="text" id="t2" />
</label>
<label>
<input name="t3" type="text" id="t3" />
</label>
<label>
<input name="t4" type="text" id="t4" />
</label>
</form>123456789abcdefgh
</body>
</html>
keyup->数据进入->事件触发->$(this).value();
不知道程序的执行顺序会不会这样执行,你可以测试一下!
下面的代码在ie8中测试过,没有考虑chrome下和firefox下获取剪贴板
只是给出一个思路<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div id="container">
<input id="text1" type="text" />
<input id="text2" type="text" />
<input id="text3" type="text" />
<input id="text4" type="text" />
</div>
<script type="text/javascript">
//<![CDATA[ var EventUtility = { addHandler: function (element, eventName, handler) {
if (typeof element.addEventListener === "function")
element.addEventListener(eventName, handler, false);
else if (typeof element.attachEvent === "object")
element.attachEvent("on" + eventName, handler);
else
element["on" + eventName] = handler;
},
removeHandler: function (element, eventName, handler) {
if (typeof element.addEventListener === "function")
element.removeEventListener(eventName, handler, false);
else if (typeof element.attachEvent === "object")
element.detachEvent("on" + eventName, handler);
else
element["on" + eventName] = null;
}
}; //]]>
</script> <script type="text/javascript"> EventUtility.addHandler(document.getElementById("container"), "paste", function (event) {
var target = event.target || event.srcElement;
if (target.id === "text1") {
if (window.clipboardData.getData) {
var text = window.clipboardData.getData('Text');
if (text.length === 16) {
if (event.preventDefault)
event.preventDefault();
else
event.returnValue = false;
document.getElementById("text1").value = text.substring(0, 4);
document.getElementById("text2").value = text.substring(4, 8);
document.getElementById("text3").value = text.substring(9, 13);
document.getElementById("text4").value = text.substring(13, 16);
}
}
}
});
</script>
</body>
</html>