时间戳

首页 > 解决方案 > 如果当前显示虚拟键盘，则提交表单按钮需要在移动设备上单击两次

javascript - 如果当前显示虚拟键盘，则提交表单按钮需要在移动设备上单击两次

问题描述

我有一个表格。在移动 Chrome 上，当我在表单的其中一个文本字段上时，会出现虚拟键盘。然后，我点击提交按钮（虚拟键盘仍然打开），第一次点击只会隐藏虚拟键盘，但不会触发按钮的动作。一旦键盘被隐藏，我将不得不再次点击以提交表单。

这不会发生在其他平台或移动浏览器上，例如 Safari 或 Firefox for Android。在这些上，即使在虚拟键盘向上的情况下点击提交按钮，表单也将直接提交。

有人知道通过单击提交表单按钮执行两个操作的方法吗？

第一：模拟某种动作或直接让虚拟屏幕消失。

二：提交表格

    <form id="SelectForm"  method="post"/>  

    <fieldset>
        <legend>Restaurant Name</legend>
            <div class="text"> 
                <label>Starts with: </label>
                  <input type="text" title="Enter starting letters of 
name." name="f_name_strt_ds" autocomplete="off" autofocus="autofocus" placeholder="All"/>
            </div>
    </fieldset>



<script>
    function submitForm(action)
    {
        document.getElementById('SelectForm').action = action;
        document.getElementById('SelectForm').submit();
    }
</script>

'''

要看到这一点，请在移动 android 上使用 chrome。访问 www.searchpv.com。单击搜索，单击餐厅，在“开始于”字段中输入“a”。页到底部（保持键盘显示）。按“列出餐厅”按钮。它将首先隐藏键盘，然后必须再次按下才能提交表单。

标签： javascriptjquery

解决方案

推荐阅读