如何通过编程获取开启autocomplete的输入框建议值？

不行，浏览器出于安全与隐私保护机制，不允许JavaScript直接访问或触发获取原生自动补全（autocomplete）的建议列表内容。

为什么模拟事件无效？ #

• 原生自动补全的下拉列表是浏览器内部组件，不属于页面DOM结构的一部分，JavaScript无法直接操作或读取其内容。
• 即便是模拟聚焦、点击、键盘事件，浏览器也会限制这类操作触发补全数据的暴露，防止恶意脚本窃取用户的敏感信息（如邮箱、密码、地址等）。

能获取用户选中的补全值吗？ #

只有当用户手动选择了自动补全项后，输入框的value才会被更新，这时可以通过监听输入框的input或change事件获取最终选中的值：

const emailInput = document.querySelector('input[name="email"]');
emailInput.addEventListener('input', () => {
  console.log('用户选择/输入的内容:', emailInput.value);
});

替代方案 #

如果需要完全可控的自动补全功能，建议自己实现自定义的下拉补全组件（而非依赖浏览器原生autocomplete），这样就能通过JavaScript自由控制列表的显示、隐藏以及读取所有选项值。

内容的提问来源于stack exchange，提问作者Aym