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”：

autocomplete="off"

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

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

1 个答案: