У меня есть вход поиска посылок, где можно искать посылки по штрих-коду, штрих-код можно вводить как с клавиатуры, так и со сканера. Мне нужно очистить старое значение ввода, когда пользователь сканирует новое.
Я работаю с 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
Различие между вводом со сканера и вводом с клавиатуры в Javascript ⇐ Jquery
Программирование на jquery
-
Anonymous
1722706434
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;
});
});
Подробнее здесь: [url]https://stackoverflow.com/questions/78829345/distinguish-between-a-scanner-input-and-keyboard-input-in-javascript[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия