点击按钮打开移动键盘



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

我当前正在对平滑滚动功能结束后的元素执行.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');
        });
    }

此功能将打开安卓设备上的键盘,但不会打开IOS。

我正在避免这个项目的jQuery,所以香草解决方案将是首选

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

我们目前的解释是,IOS阻止开发人员在事件功能中模拟用户输入,但任何进一步的见解都将受到的高度赞赏

最新更新