Различие между вводом со сканера и вводом с клавиатуры в JavascriptJquery

Программирование на jquery
Ответить
Anonymous
 Различие между вводом со сканера и вводом с клавиатуры в Javascript

Сообщение Anonymous »

У меня есть вход поиска посылок, где можно искать посылки по штрих-коду, штрих-код можно вводить как с клавиатуры, так и со сканера. Мне нужно очистить старое значение ввода, когда пользователь сканирует новое.
Я работаю с Javascript, и, насколько я вижу, Javascript не может отличить ввод сканера от клавиатуры. ввод, поэтому я использую временную базу. На данный момент у меня нет сканера, и я использую телефонный сканер с приложением Barcode2win. Когда я тестирую свой скрипт, он работает хорошо, но когда клиент оформляет заказ с помощью сканера, он не работает, он просто печатает только штрих-код. последние 4 цифры.
Это мой сценарий
document.addEventListener("DOMContentLoaded", function () {
const input = document.getElementById("searchParcels");
let lastKeyTime = 0;
let inputBuffer = "";
const barcodeThreshold = 50; // Time threshold for detecting barcode scanner input
const typingDelay = 200; // Delay to determine if it's keyboard input
let typingTimer;

function processInput(page = 1) {
let search_string = input.value;

fetch(
`${searchRoute}/search?query=${encodeURIComponent(
search_string
)}&page=${page}`,
{
headers: {
"X-Requested-With": "XMLHttpRequest",
},
}
)
.then((response) => response.text())
.then((data) => {
document.querySelector(".parcels-list-container").innerHTML =
data;
attachPaginationLinks(search_string);
})
.catch((error) => console.error("Error:", error));
}

function clearInput() {
input.value = "";
inputBuffer = "";
}

function attachPaginationLinks(query = "") {
const paginationLinks = document.querySelectorAll(
".parcels-list-container .pagination a"
);
paginationLinks.forEach((link) => {
link.addEventListener("click", function (event) {
event.preventDefault();
const url = new URL(this.href);
const page = url.searchParams.get("page");
processInput(page);
});
});
}

input.addEventListener("keydown", function (e) {
const currentTime = new Date().getTime();
const timeDifference = currentTime - lastKeyTime;

if (timeDifference < barcodeThreshold) {
if (e.key.length === 1) {
inputBuffer += e.key;
}

if (inputBuffer.length > 0) {
clearInput();
input.value = inputBuffer;
inputBuffer = "";
processInput();
}
} else {

clearTimeout(typingTimer);
typingTimer = setTimeout(() => processInput(), typingDelay);
inputBuffer = "";
}

lastKeyTime = currentTime;
});
});


Подробнее здесь: https://stackoverflow.com/questions/788 ... javascript
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»