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

时间:2019-02-01 20:17:06

标签: javascript jquery

我有一个表格。在移动版Chrome上,当我位于表单的文本字段之一上时,将显示虚拟键盘。然后,我点击“提交”按钮(虚拟键盘仍处于打开状态),而第一次点击只会隐藏虚拟键盘,而不会触发按钮的动作。隐藏键盘后,我将不得不再次点击以提交表单。

在其他平台或移动浏览器(例如Safari或Android的Firefox)上不会发生这种情况。在这些页面上,即使在虚拟键盘按下的情况下,只要点击提交按钮,即可直接提交表单。

有人知道一种通过单击提交表单按钮来执行两项操作的方法吗?

首先:模拟某种动作或直接使虚拟屏幕消失。

第二:提交表单

    <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”。页面到底部(保持显示键盘)。按下“列出餐厅”按钮。它将首先隐藏键盘,然后必须再次按下以提交表单。

0 个答案:

没有答案