<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body id="main">
<script>
window.onload = function () {
var html = "";
var code = "";
var lastTime, nextTime;
var lastCode, nextCode;
document.onkeypress = function (e) {
nextCode = e.code;
nextTime = new Date().getTime();
// 扫码器的录入速度远快过手动录入,两个字符间隔小于20MS判定录入设备为扫码器
if (lastCode != null && lastTime != null && nextTime - lastTime <= 20) {
code += String.fromCharCode(lastCode);
} else if (lastCode != null && lastTime != null && nextTime - lastTime > 100) {
code = "";
}
lastCode = nextCode;
lastTime = nextTime;
}
this.onkeypress = function (e) {
// 监听回车键
if (e.code == 'Enter') {
html += "<p>" + code + "</p>";
document.getElementById("main").innerHTML = html;
code = "";
}
}
}
</script>
</body>
</html>
03-21
09-01