在 Chrome 上打开/关闭自动完成功能

Question

我想在 Chrome 中打开/关闭自动完成输入，后来的想法是在“@”字符的下一个字母之后为电子邮件注入自定义建议。

我可以打开/关闭自动完成功能，但在按下下一个键之前自动完成值不会消失。

我在这里有一个演示：jsfiddle

const input = document.querySelector('[name=email]');

function handleChange(evt) {
  const target = evt.target;
  const value = evt.target.value;
  const idx = evt.target.value.indexOf('@');
  console.log(value.length, '-', idx);

  if (evt.target.value && idx !== -1 && value.length > (idx + 1) ) {
    target.autocomplete = 'off';
  } else {
    target.autocomplete = 'on';
  }
}

input.addEventListener('keydown', handleChange);
input.addEventListener('keyup', handleChange);

Sample

谢谢！

Answer 1

要禁用表单中的自动完成功能，您可以将自动完成属性设置为“关闭”：

autocomplete="off"

您可以对整个表单执行此操作，也可以对表单中的特定输入元素执行此操作：