在内联 `onsubmit` 中调用 javascript 函数时，若需访问原生 `event` 对象（如调用 `preventdefault()`），必须显式将 `event` 作为参数传入函数，否则形参将为 `undefined`。

HTML 表单的 onsubmit 属性支持内联 JavaScript 执行，但它不会自动将事件对象注入到被调用函数的作用域中——这与通过 addEventListener 绑定事件时的自动传参机制不同。因此，若你定义了类似 usernamePasswordLogin(x) 的函数并期望 x 是 SubmitEvent，就必须在 HTML 中显式传递 event：

SUBMIT

对应 JavaScript：

function usernamePasswordLogin(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  console.log('Event object:', e);
  console.log('Event type:', e.type); // "submit"
  console.log('Target form:', e.target); // 

}

✅ 正确要点：

MiniMax Word

MiniMax Word专业文档生成 - 基于.NET OpenXML SDK，完整保留页眉页脚目录、修订痕迹、复杂表格样式，输出可直接交付的.docx文档。

下载

• event 是浏览器全局可用的只读变量，专用于内联事件处理器中引用当前事件；
• 必须写成 usernamePasswordLogin(event)，而非 usernamePasswordLogin() 或 usernamePasswordLogin(event) 拼写错误（如 evnet）；
• 建议使用语义化按钮： 明确声明提交意图，避免隐式行为歧义。

⚠️ 注意事项：

• 内联事件处理不利于维护和测试，推荐优先使用 addEventListener：

  document.getElementById('fm1').addEventListener('submit', function(e) {
    e.preventDefault();
    console.log('Handled via addEventListener:', e);
  });

• 若表单含多个提交触发源（如多个 submit 按钮），e.submitter 可识别具体点击的按钮（现代浏览器支持）；
• 在严格模式下或某些旧环境里，直接访问 window.event 不可靠，务必依赖显式传参或 addEventListener。

总结：内联 onsubmit 中获取事件对象的关键是「显式传参」——写 onsubmit="handler(event)"，而非仅 onsubmit="handler()"。但为代码可维护性、可测试性及功能完整性（如 e.submitter、e.isTrusted 等），应逐步迁移到标准事件监听模式。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！