Включить / выключить автозаполнение в 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);

Образец

Спасибо!

Answer 1

Чтобы отключить автозаполнение в формах, вы можете установить для атрибута автозаполнения значение «off»:

autocomplete="off"

Вы можете сделать это либо для всей формы, либо для определенных элементов ввода в форме: