解决触屏端，手机键盘按enter自动提交表单的问题

像我一样菜的人

已于 2023-02-06 15:54:03 修改

阅读量548

点赞数

分类专栏： focus 前端工作问题整理文章标签： javascript 前端 html5

于 2023-02-06 15:27:15 首次发布

本文链接：https://blog.csdn.net/qq_43842918/article/details/128902485

版权

前端工作问题整理同时被 2 个专栏收录

22 篇文章

订阅专栏

focus

1 篇文章

订阅专栏

在触屏设备上，当用户使用手机键盘按下Enter键时，通常会默认触发表单提交。为改变这一行为，可以在HTML的form元素上添加onkeydown事件监听器，通过检测按键码(e.keyCode)为13（Enter键的键码）时调用e.preventDefault()来阻止默认的表单提交行为，确保只有点击提交按钮时才会进行提交。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景：触屏端，手机键盘按enter会触发表单提交，想修改为禁止提交，点击提交按钮时才提交。
解决方法：在form元素上添加onkeydown事件捕捉enter行为并阻止。

<form onKeyDown={formKeyDown}> </form>
定义 formKeyDown 函数：
const formKeyDown = (e)=>{
        if (e.keyCode == 13) {
            e.preventDefault();
            return false;
        }
}