在内联 `onsubmit` 中调用 javascript 函数时，若需访问原生 `event` 对象（如调用 `preventdefault()`），必须显式将 `event` 作为参数传入函数，否则形参将为 `undefined`。
HTML 表单的 onsubmit 属性支持内联 JavaScript 执行，但它不会自动将事件对象注入到被调用函数的作用域中——这与通过 addEventListener 绑定事件时的自动传参机制不同。因此，若你定义了类似 usernamePasswordLogin(x) 的函数并期望 x 是 SubmitEvent，就必须在 HTML 中显式传递 event：
<form method="post" id="fm1" onsubmit="usernamePasswordLogin(event);"> <button type="submit">SUBMIT</button> </form>
对应 JavaScript：
function usernamePasswordLogin(e) {
e.preventDefault(); // 阻止表单默认提交行为
console.log('Event object:', e);
console.log('Event type:', e.type); // "submit"
console.log('Target form:', e.target); // <form id="fm1">
}✅ 正确要点：
- event 是浏览器全局可用的只读变量，专用于内联事件处理器中引用当前事件；
- 必须写成 usernamePasswordLogin(event)，而非 usernamePasswordLogin() 或 usernamePasswordLogin(event) 拼写错误（如 evnet）；
- 建议使用语义化按钮：<button type="submit"> 明确声明提交意图，避免隐式行为歧义。
⚠️ 注意事项：
立即学习“前端免费学习笔记（深入）”；
- 内联事件处理不利于维护和测试，推荐优先使用 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 等），应逐步迁移到标准事件监听模式。
