是否有一种简单的方法可以在React 中定义输入字段,默认情况下会接收焦点,但不会在移动设备上?原因是当您导航到iPhone上的页面时用户体验很差,默认情况下屏幕的一半屏幕被屏幕键盘隐藏,因此您甚至不确定应该键入什么。
所需行为的良好示例是Facebook登录页面。注销后,在桌面上转到facebook.com,默认情况下,焦点位于电子邮件字段中,以便您可以立即开始输入。访问iPhone上的同一页面,没有默认焦点,可让您清楚地看到整个页面,您必须点击电子邮件字段才能开始输入。
'手册'如果屏幕不够高,解决问题的方法是检查当前屏幕高度并在autoFocus
上设置input
道具。但是,我想知道是否有更简化的解决方案来处理这个问题?
以下是如何set autofocus in React on any device(不是我的问题的答案):
<input autoFocus />