JavaScript中无法在冒泡阶段拦截敏感词输入，应使用input事件实时过滤（推荐）、beforeinput事件前置拦截（实验性）及paste事件专项处理，并必须配合服务端校验。
JavaScript 中无法在冒泡阶段“拦截”敏感词输入，因为敏感词检测和拦截应在用户输入发生后、内容提交前进行，而冒泡阶段（如 input 或 keydown 事件冒泡）本身不提供修改输入值的时机或权限——真正能有效干预的是在事件处理中同步阻止默认行为或修正值。
用 input 事件实时过滤（推荐）
input 事件在输入值已更新后触发（处于冒泡阶段），适合做即时清洗。它覆盖所有输入方式（键盘、粘贴、拖入、语音等），且能拿到最新值。
- 监听
input事件，在回调中获取当前value - 用正则匹配并替换敏感词（建议忽略大小写、支持部分匹配）
- 将清洗后的值重新赋给
input.value，并同步更新input.selectionStart/End避免光标跳到开头 - 示例：
const input = document.getElementById('myInput');
const sensitiveWords = ['敏感', '违规', '非法'];
const pattern = new RegExp(sensitiveWords.map(w => w.replace(/[.*+?^${}()|[]\]/g, '\$&')).join('|'), 'gi');
input.addEventListener('input', () => {
const originalValue = input.value;
const cleaned = originalValue.replace(pattern, '***');
if (cleaned !== originalValue) {
const start = input.selectionStart;
input.value = cleaned;
// 尝试保持光标位置（简化版：设为末尾；精确需计算替换偏移）
input.setSelectionRange(start, start);
}
});
用 beforeinput 做前置拦截（实验性但更精准）
beforeinput 是在浏览器实际修改 DOM 前触发的事件（处于捕获阶段），可调用 event.preventDefault() 阻止本次输入。它原生支持判断输入类型（如 'insertText'），适合细粒度控制。
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
- 注意兼容性：Chrome 69+、Edge 79+ 支持，Firefox 和 Safari 尚未完全支持
- 仅对键盘输入、粘贴等部分操作有效，不保证覆盖所有场景
- 示例：
input.addEventListener('beforeinput', (e) => {
if (e.inputType === 'insertText' && pattern.test(e.data)) {
e.preventDefault(); // 阻止该段文字插入
// 可选：提示用户或插入替代文本
input.setRangeText('***', e.target.selectionStart, e.target.selectionEnd, 'end');
}
});
结合粘贴事件专项处理
用户通过右键粘贴绕过键盘事件，paste 事件必须单独监听。它在粘贴发生前触发（可取消），且能读取剪贴板内容。
立即学习“Java免费学习笔记（深入）”；
- 调用
event.preventDefault()阻止默认粘贴 - 用
event.clipboardData.getData('text')获取粘贴文本 - 清洗后，用
document.execCommand('insertText')（已弃用）或input.setRangeText()插入净化内容
服务端校验不可省略
前端拦截仅为用户体验优化，所有敏感词过滤必须在服务端重复执行。攻击者可禁用 JS、绕过事件监听、直接发请求，因此后端收到数据后仍须用相同规则清洗或拒绝。
