Блог

У меня есть приложение, которое работает со сканером штрих-кода. Сканер штрих-кода взаимодействует с компьютером так, как это делала бы внешняя клавиатура, поэтому я поместил прослушиватель событий keydown в DOM для захвата ввода со сканера штрих-кода и пометки соответствующего элемента в dom. Теперь моя проблема в том, что каждый раз, когда считывается штрих-код, dom, похоже, обновляет и очищает весь выбор. Кто-нибудь может помочь? Это мой код. Кстати, все это было сделано в electron

 document.addEventListener("keydown", (e) => {
  if (e.key === "" || e.key === "Control") {
    return
  }

  buffer.push(e.key);

  setTimeout(() => {

    if (buffer.length > 0) {
      buffer.forEach((char) => {
        string = string   char
      })

      if (buffer.length >= 12) {

        const tableRows = document.querySelector("tbody").querySelectorAll("tr");
        tableRows.forEach((row) => {

          const barcode = row.querySelector(".td_Barcode--hidden").innerText;

          if (barcode === string) {
            toggleRowCB(row)
          }

        })
      } else {
        console.log(buffer.length);
      }
    }

    buffer = [];
    string = "";

  }, 500)

})
 

Код кажется нормальным, но можете ли вы попробовать добавить

e.preventDefault();

для отправки. Я думаю, что когда вы сканируете штрих-код с помощью сканера штрих-кода, он имитирует чтение «Ввод», которые обходят ваши условия e.key.

Предложение пакета для обработки событий электронной клавиатуры;

• Electron-localshortcut