Ionic 3: Как получить события нажатия клавиш / нажатия клавиш на внешней клавиатуре в любое время - PullRequest
0 голосов
/ 09 октября 2018

Итак, у меня есть сканер штрих-кода, подключенный через microsub (otg), и он распознается как внешняя клавиатура.Что мне нужно сделать, так это перехватить любое нажатие клавиши или событие нажатия клавиши в любое время (не только на фокусе на вводе).Кроме того, было бы здорово узнать, было ли событие запущено виртуальной клавиатурой или физической.

Есть идеи?

1 Ответ

0 голосов
/ 09 октября 2018

hi jonyjm Ниже приведен пример сканера со ссылкой cdn

1 Сканирование с помощью сканера фокусаВведите текстовое поле или введите здесь, которое будет отображаться в верхнем текстовом поле, например

<!DOCTYPE HTML>
<html>
<head>
   
</head>

<body>
    <input id="userInput" type="text" autofocus />


    <br>

    <div class="test">


        <input id="scannerInput" type="text" value="barcodescan" autofocus />
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/scannerdetection/1.2.0/jquery.scannerdetection.compatibility.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/scannerdetection/1.2.0/jquery.scannerdetection.min.js"></script>
    <script>
        $(document).ready(function () {
            $(document).scannerDetection({

                //https://github.com/kabachello/jQuery-Scanner-Detection

                timeBeforeScanTest: 200, // wait for the next character for upto 200ms
                avgTimeByChar: 40, // it's not a barcode if a character takes longer than 100ms
                preventDefault: true,

                endChar: [13],
                onComplete: function (barcode, qty) {
                    validScan = true;


                    $('#scannerInput').val(barcode);

                } // main callback function	,
                ,
                onError: function (string, qty) {

                    $('#userInput').val($('#userInput').val() + string);


                }


            });
        });
    </script>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...