在React输入字段中自动对焦,但不在移动设备上

时间:2018-03-23 11:23:14

标签: reactjs focus autofocus

是否有一种简单的方法可以在React 中定义输入字段,默认情况下会接收焦点,但不会在移动设备上?原因是当您导航到iPhone上的页面时用户体验很差,默认情况下屏幕的一半屏幕被屏幕键盘隐藏,因此您甚至不确定应该键入什么。

所需行为的良好示例是Facebook登录页面。注销后,在桌面上转到facebook.com,默认情况下,焦点位于电子邮件字段中,以便您可以立即开始输入。访问iPhone上的同一页面,没有默认焦点,可让您清楚地看到整个页面,您必须点击电子邮件字段才能开始输入。

'手册'如果屏幕不够高,解决问题的方法是检查当前屏幕高度并在autoFocus上设置input道具。但是,我想知道是否有更简化的解决方案来处理这个问题?

以下是如何set autofocus in React on any device(不是我的问题的答案):

<input autoFocus />

0 个答案:

没有答案