gpt4 book ai didi

ios - 如何使用 Ionic 3 在 iOS 上的任何输入之外监听按键事件

转载 作者:行者123 更新时间:2023-12-01 22:10:18 29 4
gpt4 key购买 nike

我的问题很简单,我想我知道答案,但如果我错了,那就太好了……
我想使用外部条形码扫描仪(像物理蓝牙键盘一样工作)来读取条形码,但在任何输入之外。
我编写了一段代码,在 android 设备上运行良好,但在 iOS 设备上没有任何 react ……
我会尽快完成,我在«window»上听«keyup»事件,当我捕获«Enter»键时,我发出条形码事件......
我使用 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 设备上,什么都没有发生……

最佳答案

Eureka !
如果其他人有同样的问题/需要我,我在这里发布答案!是的,我太客气了^^
我已经将事件的目标从«window»更改为«document»,然后……等待它……它起作用了。

关于ios - 如何使用 Ionic 3 在 iOS 上的任何输入之外监听按键事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54200751/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com