在HTML元素中保留扫描仪输入中的换行符

3mpgtkmj  于 2023-03-27  发布在  其他
关注(0)|答案(2)|浏览(93)

我正在使用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;
            }
        }
     }
czq61nw1

czq61nw11#

我在stack overflow中发现了这个问题:Multiple lines of input in
你试过textarea html标签吗?那个支持多行数据。
使用textarea html标签的示例:

<textarea name="Text1" cols="40" rows="5"></textarea>
bkkx9g8r

bkkx9g8r2#

您也可以尝试使用标记

<code></code>

相关问题