<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script>
var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
getEvent: function (event) {
return event ? event : window.event;
},
getClipboardText: function (event) {
var clipboardData = (event.clipboardData || window.clipboardData);
return clipboardData.getData("text");
},
setClipboardText: function (event, value) {
if (event.clipboardData) {
return event.clipboardData.setData("text/plain", value);
} else if (window.clipboardData) {
return window.clipboardData.setData("text", value);
}
},
preventDefault: function (event) {
if (event.preventDefault) {
event.preventDefault();
} else {
event.returnValue = false;
}
}
};
</script>
</head>
<body>
<form name="f1">
<select id="a">
<option value="1">A1</option>
<option value="2">A2</option>
<option value="3">A3</option>
</select>
<select id="b">
<option value="1">B1</option>
<option value="2">B2</option>
<option value="3">B3</option>
<option value="4">B4</option>
</select>
<input type="text" name="textbox1" id="textbox1" value="" />
</form>
</body>
<script>
function clear(f) {
if (f.value) {
try {
f.value = ''; //for IE11, latest Chrome/Firefox/Opera...
} catch (err) {
}
if (f.value) { //for IE5 ~ IE10
var form = document.createElement('form'), ref = f.nextSibling;
form.appendChild(f);
form.reset();
ref.parentNode.insertBefore(f, ref);
}
}
}
var textbox = document.forms[0].elements["textbox1"];
var mya = document.getElementById("a");
var myb = document.getElementById("b");
textbox.addEventListener("paste", function (e) {
var copy = e.clipboardData.getData("Text");
console.log(copy);
// 拆分数据
var arr = copy.split("\t");
console.log(arr.length);
if (arr.length != 3) {
console.log("Data Error!");
return;
}
id = arr[0].trim();
a = arr[1].trim();
b = arr[2].trim();
if (a == 'A1') {
mya.options[1].selected = true;
};
if (a == 'A2') {
mya.options[0].selected = true;
};
if (a == 'A3') {
mya.options[2].selected = true;
};
if (b == 'B2') {
myb.options[2].selected = true;
}
setTimeout("clear(textbox)", 0);
setTimeout("textbox.value=id", 0);
});
</script>
</html>
Google Chrome console 从剪切板中粘贴数据自动填写表单
最新推荐文章于 2024-07-22 18:11:02 发布