chengwenliang
/
erp


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!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>