科尔多瓦条形码扫描仪

时间:2019-04-01 15:30:24

标签: javascript html

我有一个显示结果的有效解决方案,但是我想在多个输入字段中显示结果。我的条形码结果将是这样的,例如{Joe,Bloggs,Facebook}。扫描条形码时,我想怎么做?在输入字段中显示Joe,然后在单独的输入字段中显示Bloggs,依此类推

HTML结构

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
    </head>

    <body>

    <p>
    <button id="startScan">Start Scan</button>
    </p>

    <div id="results"></div>

        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
    </body>
</html>

**JS STRUCTURE** 

var resultDiv;

document.addEventListener("deviceready", init, false);
function init() {
    document.querySelector("#startScan").addEventListener("touchend", startScan, false);
    resultDiv = document.querySelector("#results");
}

function startScan() {

    cordova.plugins.barcodeScanner.scan(
        function (result) {
            var s = "Result: " + result.text + "<br/>" +
            "Format: " + result.format + "<br/>" +
            "Cancelled: " + result.cancelled;
            resultDiv.innerHTML = s;
        }, 
        function (error) {
            alert("Scanning failed: " + error);
        }
    );

}

0 个答案:

没有答案