如何摆脱 Chrome 中输入自动填充中的开发工具提示

Question

最近，当我在 React / Javascript 中使用输入并单击输入以输入地址等内容时，Chrome 会打开这个奇怪的上下文菜单，这是我不需要的。有办法禁用这个吗？我尝试在 Chrome 设置中关闭自动填充（自动填充和密码），但没有帮助。

Answer 1

使用自动完成=“关闭”

<input type="text" name="address" autocomplete="off" />

使用 JavaScript 禁用自动填充

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    document.querySelectorAll('input').forEach(input => {
      input.setAttribute('autocomplete', 'new-password');
    });
  }, []);

  return (
    <div>
      <input type="text" name="address" />
    </div>
  );
}

export default MyComponent;

`