本文介绍如何在网页表单中可靠阻止印地语（Hindi）及其他非ASCII字符输入，解决移动端使用Indic键盘时onkeypress失效问题，并提供兼容桌面与移动设备的现代JavaScript方案。
本文介绍如何在网页表单中可靠阻止印地语（hindi）及其他非ascii字符输入，解决移动端使用indic键盘时`onkeypress`失效问题，并提供兼容桌面与移动设备的现代javascript方案。
在Web开发中，当用户通过Google Indic Keyboard、SwiftKey等多语言输入法在移动端输入时，onkeypress事件常因浏览器兼容性（尤其是Chrome for Android已弃用该事件）而无法拦截非拉丁字符（如印地语天城文देवनागरी），导致非法字符意外提交，最终影响PDF生成等后端处理。
根本原因：onkeypress依赖按键物理码（key code），而现代输入法（尤其IME）在移动端通常先触发compositionstart→input→compositionend流程，绕过keypress；且该事件已被MDN标记为deprecated，不应再用于新项目。
✅ 推荐解决方案：使用 input 事件 + 正则过滤
input 事件在用户输入（包括粘贴、IME组合完成、语音输入）后立即触发，覆盖所有输入场景，且全平台兼容：
<input type="text" name="username" id="username" placeholder="User Name*" maxlength="30" required >
document.getElementById('username').addEventListener('input', function (e) {
// 允许：英文字母（大小写）、空格、常见标点（可按需调整）
const allowedPattern = /^[a-zA-Z\s.,'’\-]*$/;
if (!allowedPattern.test(e.target.value)) {
// 移除最后输入的非法字符（更友好于用户）
e.target.value = e.target.value.replace(/[^a-zA-Z\s.,'’\-]/g, '');
}
});? 关键优势：
- ✅ 支持所有输入方式：键盘、粘贴（Ctrl+V / 长按粘贴）、语音、IME（含Google Indic Keyboard）
- ✅ 自动清理非法字符，而非简单阻止输入（避免移动端输入法卡顿）
- ✅ 不依赖已废弃的onkeypress或onkeyup（后者在IME组合过程中可能触发多次，逻辑复杂）
⚠️ 注意事项：
- 避免仅用onkeyup替代onkeypress：keyup在IME未完成组合时即触发，可能导致误删（如输入“क”时先触发key='k'，被错误过滤）；
- 如需支持数字或特殊符号（如邮箱中的@、_），请扩展正则表达式，例如：/^[a-zA-Z0-9\s._@-]*$/；
- 服务端仍需做二次校验——前端验证仅为用户体验优化，不可替代后端安全防护；
- 若需国际化支持（如允许德语变音符号äöü、法语重音éà），建议改用Unicode区间判断（如/\p{Script=Latin}/u），但需注意旧版浏览器兼容性。
综上，使用input事件配合实时正则清洗，是当前最健壮、跨平台、符合现代Web标准的非拉丁字符过滤方案。
