javascript - onfocus ="blur()"仅在移动设备上

Question

我为移动设备创建了一个自定义软键盘。问题是每次我点击一个输入框时，它都会弹出我的自定义键盘，但它也会弹出设备的软键盘。现在，我可以做

<input type="text" class="myCustomKeyboard" onfocus="blur()">

这解决了键盘在移动设备上弹出的问题，但这也意味着我必须在桌面上使用我的自定义键盘

我正在使用以下设备检查移动设备:

 if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { 
        Keyboard.init();
     }

有没有办法在不失去在桌面设备上使用键盘打字的能力的情况下停止弹出键盘？

Answer 1

删除 onfocus="blur()"并用 inputmode="none"替换它，它将解决所有问题并且效果很好 ^^。

https://inputmodes.com/可以在此处验证 HTML 5 输入模式