input提示失效最常见原因是事件未绑定或被覆盖，如JS执行早于DOM加载、data-*属性拼写错误、CSS遮挡提示层、框架生命周期冲突。
input 元素未触发 oninput 或 onkeyup 事件
提示失效最常见原因是事件没绑上或被覆盖。比如用 document.getElementById 获取元素时，JS 执行早于 DOM 加载完成，拿到的是 null；或者插件初始化代码写在 里但没加 defer 或包裹进 DOMContentLoaded。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 确认 JS 脚本放在
前，或加defer属性 - 检查是否重复绑定事件——用
addEventListener替代直接赋值oninput = ...，避免覆盖 - 在控制台手动执行
document.querySelector('input').oninput，看是否为null或函数
插件依赖的 data-* 属性缺失或拼写错误
很多轻量提示插件（如 awesomplete、autocomplete-js）靠 data-list、data-min-length 等属性驱动行为。属性名错一个字母（比如写成 data-listt），插件就完全静默，也不报错。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用浏览器开发者工具检查 input 元素，确认
data-list是否存在且值非空（支持数组字符串或逗号分隔） - 若用 JS 动态设置属性，用
element.setAttribute('data-list', 'a,b,c')，别用element.dataset.list = 'a,b,c'（部分插件不识别 dataset 写法） - 注意大小写：HTML 中
data-min-length对应 JS 的dataset.minLength，但插件内部可能只认连字符形式
CSS 阻止下拉提示层显示
提示框（
类）常因父容器 overflow: hidden、z-index 层级过低、或 position 计算异常而不可见。它不是 JS 报错，而是“看起来没反应”。
