javascript - 如何获取浏览器自动填充事件？

Question

比如有个邮箱自动填充

不希望弄掉浏览器自动填充，毕竟浏览器自动填充带密码

但这样影响到样式了，希望能获取这个事件，然后把自己写的隐藏了。

同时有个input事件绑定的事件，被自动填充同时触发了。

谷歌了，mdn和msdn找不到。。

Answer 1

1. 给表单form上设置autocomplete=on。
2. 给不想要提示的input是设置autocomplete=off即可。

Answer 2

var registerOnAutoComplete = function(elementSelector) {
  return new Promise(function(resolve, reject) {
    var element = document.querySelector(elementSelector);
    var hasKeyInteraction = false;

    element.addEventListener("input", function(e) {
      if(hasKeyInteraction === false) {
        resolve(e.target);
      }
    });

    element.addEventListener("keydown", function(e) {
      // If there is a keyboard interaction then we believe it is not autocomplete
      hasKeyInteraction = true;
    });
  });
};