在内联事件处理器（如 `onkeypress="return isnumberkey(evt)"`）中，`return` 语句用于将事件处理函数的返回值传递给浏览器，从而决定是否阻止该事件的默认行为：返回 `false` 会取消输入，返回 `true` 或 `undefined` 则允许输入继续。
在 HTML 内联事件属性（如 onkeypress、onsubmit）中，return 不仅是函数逻辑的一部分，更是浏览器执行“默认行为拦截”的关键信号。其机制并非由 JavaScript 引擎直接干预 DOM 输入，而是由浏览器在调用该内联 handler 后，主动检查其返回值：
- 若返回 false → 浏览器调用 event.preventDefault() 并忽略后续默认动作（如字符插入、表单提交）；
- 若返回 true 或无显式返回（即 undefined）→ 默认行为照常执行。
这与通过 addEventListener 添加事件监听器时需显式调用 event.preventDefault() 的方式有本质区别——内联 return 是一种历史遗留但仍在广泛支持的简化语法。
以下为原示例的完整上下文说明：
javascript-typescript-typescript-scaffold
下载
你是 TypeScript 项目架构专家，专注于脚手架搭建生产就绪的 Node.js 和前端应用。生成包含现代工具链（pnpm、Vite、Next.js）、类型
<input type="text" onkeypress="return isNumberKey(event)" />
function isNumberKey(evt) {
// 兼容性处理：获取按键编码（现代浏览器推荐使用 event.key 或 event.code）
const charCode = evt.which ? evt.which : evt.keyCode;
// 允许：数字键（48–57）、小数点（46）、退格（8）、删除（46）、方向键等基础控制键
// 此处逻辑仅过滤非数字字符，但注意：未覆盖 Ctrl/V 粘贴等场景
if (
charCode !== 46 && // 小数点
charCode !== 8 && // Backspace
charCode !== 9 && // Tab
charCode !== 13 && // Enter
charCode !== 37 && // Left arrow
charCode !== 38 && // Up arrow
charCode !== 39 && // Right arrow
charCode !== 40 && // Down arrow
(charCode < 48 || charCode > 57) // 非数字键
) {
return false; // ❗关键：阻止该次按键的默认输入行为
}
return true; // ✅允许输入
}⚠️ 注意事项：
立即学习“Java免费学习笔记（深入）”；
- keyCode/which 已废弃：现代开发应优先使用 event.key（如 '1', 'Enter'）或 event.code（如 'Digit1', 'Numpad1'），并配合 input 事件做二次校验（因 keypress 对某些组合键和粘贴无效）；
- 无法拦截粘贴（Paste）：仅靠 onkeypress 无法阻止用户右键粘贴非数字内容，需额外监听 onpaste 并调用 event.preventDefault()；
- 语义混淆风险：内联 return 易被误认为“返回数据给 JS 变量”，实则专用于控制浏览器行为，建议新项目统一使用 addEventListener + preventDefault() 提升可维护性与可测试性；
- 返回值必须显式 return：若写成 onkeypress="isNumberKey(event)"（无外层 return），函数返回值会被丢弃，失去拦截效果。
✅ 总结：return 在内联事件中是浏览器识别“是否取消默认行为”的契约接口。它不修改输入值本身，而是通过返回布尔值向浏览器发出指令——这是 Web 早期设计的简洁约定，至今仍有效，但应理解其边界与替代方案。
