比如搜索行为，希望输入完关键词之后直接按回车键立即提交表单，而有些复杂表单，可能要避免回车键误操作在未完成表单填写的时候就触发了表单提交。
要控制这些行为，不需要借助JS，浏览器已经帮我们做了这些处理，这里总结几条规则：
如果表单里有一个type=”submit”的按钮，回车键生效。
如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。
如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。
其他表单元素如textarea、select不影响，radio checkbox不影响触发规则，但本身在FX下会响应回车键，在IE下不响应。
type=”image”的input，效果等同于type=”submit”，不知道为什么会设计这样一种type，不推荐使用，应该用CSS添加背景图合适些。
实际应用的时候，要让表单响应回车键很容易，保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢？我的方法有点别扭，就是再写一个无意义的文本框，隐藏起来。根据第3条规则，我们在用button的时候，尽量显式声明type以使浏览器表现一致。
做了一个 demo(点击查看) 列出了一些例子。
javascript 回车键触发表单提交的问题_表单特效
梦芳大大_2492
发布时间：2016-05-16 18:29:15
|1120人浏览过
|来源于php中文网
原创
相关文章
如何在 Express 中正确实现 JSON 元数据与流式响应的混合传输
React Router v6 路由鉴权失效问题的正确解决方案
如何将 Vite + React 应用配置为渐进式 Web 应用（PWA）
实现嵌套滚动容器的智能滚轮行为：子元素垂直滚动到底/顶后自动交由父容器水平滚动
如何在火狐浏览器中限制非活跃标签页的后台资源消耗
java速学教程(入门到精通)
下载
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
PixTV官网入口地址合集
本专题汇总了 PixTV AI 一站式视频创作平台的官方入口与使用教程。无需下载软件，浏览器直接访问即可使用。平台将剧本、图像、视频、声音与剪辑整合在“无限画布”中，接入 GPT Image 2.5、Seedance 2.5 等头部模型。本专题整理了从新建画布、角色锚定、分镜拆分到视频生成与导出的完整操作指南，助你快速上手 AI 短剧与漫剧创作。
0
2026.10.10
Kratos框架HTTP与gRPC服务开发教程
本专题围绕Kratos框架双协议服务开发，涵盖HTTP路由与处理器编写、参数获取、gRPC服务实现与客户端调用、metadata上下文传递、encoding编解码注册、统一响应封装、超时控制与流式响应实现方法。
0
2026.10.10
Kratos框架Protobuf接口定义与代码生成合集
本专题讲解Kratos框架接口定义体系，涵盖proto编写规范、proto add/client/server生成命令、http注解路由、validate校验、OpenAPI文档生成、跨服务proto复用与兼容性设计。
0
2026.10.10
C++虚函数怎么定义和调用
C++虚函数是实现运行时多态的重要机制。本专题从virtual关键字的基本用法入手，介绍基类与派生类之间的函数重写、基类指针调用派生类方法，以及动态绑定的执行过程，帮助初学者掌握虚函数的核心语法。
0
2026.10.10
C++类与对象的封装方法教程
C++封装是面向对象编程的核心特性之一，通过类将数据与操作数据的函数组织在一起，并利用访问权限控制外部访问。本专题介绍类的定义、成员变量、成员函数以及public、private和protected的使用方法，帮助初学者掌握封装的基本原理。
0
2026.10.10
C++构造函数定义与调用方法
C++构造函数用于初始化类对象，是面向对象编程的重要基础。本专题从构造函数的定义、声明和调用入手，介绍默认构造函数、带参数构造函数、拷贝构造函数及成员初始化列表，帮助初学者掌握对象创建与初始化的基本方法。
0
2026.10.10
Kratos框架零基础入门教程
本专题整理Kratos框架入门内容，涵盖Go环境准备、kratos CLI安装升级、new命令创建项目、目录结构分层说明、服务启动与双协议端口、依赖下载报错排查，帮助开发者快速跑通第一个Kratos框架微服务应用。
0
2026.10.10
C++条件判断语句怎么写
C++条件判断是控制程序执行流程的重要基础。本专题介绍if、if-else、else if和switch等常见分支语句，结合条件表达式、比较运算符与代码示例，帮助初学者掌握不同场景下的判断逻辑。
0
2026.10.10
C++变量怎么声明和赋值
C++变量是编写程序和存储数据的基础。本专题围绕变量声明、定义、初始化、赋值和类型选择等内容展开，帮助初学者理解不同变量的用法，并掌握在实际代码中定义和使用变量的方法。
0
2026.10.10
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
