单击按钮打开移动键盘

Question

在我的网页上，标题中有一个“立即注册”按钮。 单击此按钮时，用户将滚动到页面底部，理想情况下，将专注于表单字段输入并在移动设备上打开软键盘。

在平滑滚动功能结束后，我目前正在对元素执行 .focus 和 .click 状态。 在应用这两种状态时，它们并没有按需要打开键盘。

    componentDidMount = () => {
        Events.scrollEvent.register('end', function(to, element) {
            if(element.id === 'request-demo'){

                var inputFocus = document.getElementById('name');

                inputFocus.focus(console.log("focused"));   
                inputFocus.click(console.log("clicked"));
            }
        Events.scrollEvent.remove('end');
        });
    }

此功能将在 Android 设备上打开键盘，但不会在 IOS 上打开。

我在这个项目中避免使用 jQuery，因此首选解决方案

Answer 1

IOS 将不允许开发人员在 react-scroll 的 scrollEvent 中模拟用户输入。 通过在滚动事件结束时移除焦点和点击状态，我们能够解决这个问题

我们目前的解释是 IOS 阻止开发人员在事件函数中模拟用户输入，但是任何进一步的见解仍将不胜感激