我的问题很简单，我想我知道答案，但如果我错了，那可能会很好……<br> 我想使用外部条码扫描仪（像物理蓝牙键盘一样工作）来读取条码，但在外面任何输入。
我编写了一段代码，它在 android 设备上运行良好，但在 iOS 设备上没有发生任何事情……<br> 我会尽快完成，我在 «window» 上收听 «keyup» 事件，当我抓住 «Enter» 键时，我发出条形码事件...<br>我使用 RxJS 和 Observable fromEvent 并且一切都在 Android 设备上运行良好。
Safari WebView 是问题吗？
我记得我在网站上已经遇到过同样的问题，Safari 不会触发不需要键盘的元素之外的键盘事件（输入、文本区域……）
/**
* Outil pour traiter la lecture d'un codebarre par un lecteur physique
* Seuls les évènements claviers hors input sont récupérés
*/
export namespace LecteurCodebarrePhysique {
// L'évènement est-il dans un input ?
const inInput = (event) => {return event.target instanceof Element && event.target.nodeName.toLowerCase() === 'input'};
// La touche relachée est-elle un caractère ?
const isTextKey = (event) => {return !inInput(event) && event.key.length === 1};
// La touche relachée est-elle la touche entrée ?
const isEnter = (event) => {return !inInput(event) && event.keyCode === 13};
/**
* Observable émettant le codebarre lu par un lecteur physique
*/
export function codebarreLu(): Observable<{text: string, format: string}> {
// Observable initiale : évèrement clavier
const keyup: Observable<KeyboardEvent> = fromEvent(window, 'keyup');
return keyup.pipe(
// On ne garde que les touches représentant un caractère
filter(ev => isTextKey(ev)),
// On ne garde que la valeur du caractère
map(ev => ev.key),
// On «bufferise» en attendant la touche entrée
buffer(keyup.pipe(filter(ev => {
const enter = isEnter(ev);
if (enter) {
ev.preventDefault();
ev.stopPropagation();
}
return enter;
}))),
// Quand la touche entrée est relachée, on concatène les caractères
// Et on essaye de déterminer si c'es un EAN13 (13 caractères numériques)
map(chars => {
const codebarre = chars.reduce((code, char) => code + char, '');
const isEan13 = /\d{13}/.test(codebarre);
return {text: codebarre, format: isEan13 ? 'EAN_13' : 'INCONNU'};
})
);
}
}
在 Android 设备上，如果我订阅 observable 并读取任何输入之外的条形码，则会调用订阅内的代码。在 iOS 设备上，什么都没有发生……</p>