|
|
@@ -0,0 +1,39 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>条码扫描</title>
|
|
|
+</head>
|
|
|
+<body style="background-color: #f5f5f5;">
|
|
|
+ <div style="padding:100px;display: flex;justify-content: center;align-items: center;flex-direction: column;">
|
|
|
+ <div style="padding: 50px;font-size: 30px;font-weight: blod;">
|
|
|
+ 条码扫描核对
|
|
|
+ </div>
|
|
|
+ <div >
|
|
|
+ <input type="text" style="width: 300px;height: 30px;" id="sacn_input">
|
|
|
+ <button style="padding:5px 10px;border-radius: 5px;background-color:#2ca8a1;color: #f5f5f5;" onclick="clearInput()">清除输入内容</button>
|
|
|
+ </div>
|
|
|
+ <div id="scab_text">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+</html>
|
|
|
+<script>
|
|
|
+ window.onload = function() {
|
|
|
+ let sacn_input = document.getElementById("sacn_input");
|
|
|
+ sacn_input.focus();
|
|
|
+ sacn_input.addEventListener("keyup", function(event) {
|
|
|
+ if (event.keyCode === 13) {
|
|
|
+ let sacn_text = sacn_input.value;
|
|
|
+ let scab_text = document.getElementById("scab_text");
|
|
|
+ scab_text.innerHTML = "条码：" + sacn_text;
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+function clearInput() {
|
|
|
+ let scab_text = document.getElementById("scab_text");
|
|
|
+ scab_text.innerHTML = "";
|
|
|
+}
|
|
|
+</script>
|
