如何禁用转到下一个字段并在 Android 上的 keyCode == “enter” (13) 上提交表单

Posted

技术标签:

【中文标题】如何禁用转到下一个字段并在 Android 上的 keyCode == “enter” (13) 上提交表单【英文标题】:How disable go to next field and submit Form on keyCode == “enter” (13) on Android 【发布时间】:2020-11-14 05:11:30 【问题描述】:

我有一个表格

<form action="#" class="form">
<input class="form__input" type="text" name="name" required>
<input class="form__input" type="tel" name="tel" required>
<button class="form__button" type="submit">Submit</button>
</form>

和 jQuery 代码

$('.form .form__input').keydown(function (event) 
        if (event.keyCode == 13) 
            event.preventDefault();
            $(this).blur();
            return false;
        
);

实际操作:https://codepen.io/maxbeat/pen/XWXGZLM

我只想在按下 Enter 键后模糊输入字段。 PC和ios设备运行良好,但android按Enter键后进入下一个输入字段,如何禁用?

【问题讨论】:

OP,如果您找到解决方案,请在此处发布 【参考方案1】:

请尝试以下代码,希望对您有所帮助

function checkCR(evt) 
            var evt = (evt) ? evt : ((event) ? event : null);
            var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
            if ((evt.keyCode == 13) && (node.type == "textarea") && (node.name == "field1"))
            
                return false;
            
        
        document.onkeypress = checkCR;

【讨论】:

请告诉我您在哪个浏览器上测试 android> output.jsbin.com/omatip/1 检查此页面这将有帮助或尝试模糊事件 无法在此页面上检查我的问题,因为只有一个输入,仅此而已

以上是关于如何禁用转到下一个字段并在 Android 上的 keyCode == “enter” (13) 上提交表单的主要内容,如果未能解决你的问题,请参考以下文章

禁用页面刷新并单击“提交”时转到下一个选项卡

如何在 Android 中禁用 EditText

Flutter web,禁用Tab按下按钮上的焦点

带有 uitableview 的基于页面的应用程序;转到下一页时如何显示详细视图并在表格中显示其他数据?

基于 AJAX 响应代码从 jquery modal 转到下一个字段集

VIM,增量搜索:如何跳转到下一个结果并使其突出显示?