React 应用程序 - 当条码扫描仪文本框活动/聚焦时抑制虚拟键盘（平板电脑）

Question

晚上好

当我们从应用程序中扫描条形码时，有时当我们点击确认按钮时，虚拟键盘会弹出（平板电脑 - Android 设备），这不应该是这样，因为当时所有可扫描字段都已完成，我们只是想保存.

我们想抑制虚拟键盘的弹出。

我们有活动/聚焦文本框 - 扫描完成后，我们单击“保存” 保存 - 将调用一些 api（后端进程），当保存成功时，它将返回下一个设置的任务到前端。 在此操作中，获取虚拟键盘 - 我们应该抑制它 你能帮忙吗

页面加载时，焦点设置为条码扫描仪文本控件，页面加载时我们没有获得任何虚拟键盘，但在保存记录并将其他设置任务从后端推送到前端时，我们确实获得了

我尝试过，barcodeRef.current.focus()或barcodeRef.current.blur()

在模糊事件之后，当我尝试聚焦文本框时，我得到了虚拟键盘。

我该如何解决这个问题 - 你能帮忙吗

Answer 1

我使用以下代码来抑制键盘问题。 setReadOnly(true);

barcodeRef.current.removeAttribute('autofocus');

setReadOnly(true);

setReadOnly(false);

// Focus on the input field

barcodeRef.current.setAttribute('autofocus', 'true');

barcodeRef.current.setAttribute('inputmode', 'none');

barcodeRef.current.focus();