JavaScript 中的表单事件是与 HTML 表单相关的事件。这些事件是由用户在与表单元素(如文本字段、按钮、复选框等)互动时触发的。表单事件允许你在响应这些动作时执行 JavaScript 代码,使你能够验证表单数据、在表单提交或重置时执行动作,并增强用户体验。
JavaScript 表单事件被绑定到文档对象模型(DOM)中的元素,默认情况下使用冒泡传播方式,即从子元素(底部)到父元素(顶部)。
常见的表单事件
以下是一些常见的表单事件:
表单事件 |
描述 |
onsubmit |
当表单被提交时触发。通常用于在数据发送到服务器之前进行表单验证。 |
onreset |
当表单被重置时触发,允许你在用户重置表单时执行动作。 |
onchange |
当表单元素(输入框、下拉列表、文本区域等)的值发生变化时触发。常用作用户输入验证或动态更新。 |
oninput |
当输入元素的值立即发生变化时触发,允许实时处理用户输入。 |
onfocus |
当元素获得焦点时触发,例如当用户点击或切换至输入字段时。有助于提供反馈或增强用户体验。 |
onblur |
当元素失去焦点时触发,例如当用户点击外部或其他地方时。可用于验证或由失去焦点触发的更新。 |