我正在使用Zebra DS 9908扫描仪扫描条形码并将数据放在HTML页面上。我应该使用什么元素来保留所有输入字符?我尝试了<div>
和<textarea>
,但在这两种情况下,条形码数据中记录之间的换行符都被剥离。我尝试了“white-space:预 Package ”,但没有效果。
注意,扫描仪通过键盘输入工作。当我将条形码扫描到记事本中时,它工作正常。
更新1
数据是驾驶执照数据。条形码是PDF 417,数据格式来自AAMVA。下面是数据的示例。我对此没有任何问题。我试图找到一种方法将所有字符流到HTML元素,包括换行符。换行符用于分隔字段。
ANSI 6360100102DL00390183ZF02220047DLDAAJDOE,JOHN
DAG555 5th St
DAIMIAMI
DAJFL
DAK38451
DAQH50000000000
更新2
超文本标记语言
<div id = "scannedData" contenteditable="true" style="width:250px;height:750px; outline: 5px dotted green; white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap; word-wrap: break-word;-webkit-line-break:normal;"></div>
JavaScript
document.addEventListener('keypress', keypressHandler);
function keypressHandler(event) {
var scannerOutput = document.getElementById('scannedData');
if (event.length != 0) {
if (event.key == 'Enter') {
scannerOutput.innerHTML += "<BR>";
parseDriverLicense();
} else {
scannerOutput.innerHTML += event.key;
}
}
}
2条答案
按热度按时间czq61nw11#
我在stack overflow中发现了这个问题:Multiple lines of input in
你试过textarea html标签吗?那个支持多行数据。
使用textarea html标签的示例:
bkkx9g8r2#
您也可以尝试使用标记