Javascript 样式密码填充输入

在大多数现代浏览器中，您可以从存储的数据中填写密码。当你在一些浏览器中这样做的时候，我注意到输入的背景颜色发生了变化。我没有改变背景颜色，而是考虑了一种不同的风格

当浏览器填充密码字段时，如何将样式应用于该字段

---

Javascript和Jquery（不是首选）可以使用。

浏览器使用cookies保存此类数据供以后使用。他们甚至可能给cookie一个Id事件，当该事件发生时，他们运行一些javascript/css代码来更改页面的视图

您可以使用

addEventListener（）

函数，根据您希望如何更改视图以及在何种确切条件下更改视图，进行自己的配置

例如：

//if.cookie.exists => cookieFilled()

您需要了解Cookie的工作原理，具体取决于您的后端编程语言

Javascipt函数在更改外观时，可以根据需要进行配置

myInput.addEventListener("cookieFilled", function(){
 myInput.style.backgroundColor = "yellow"; //background
 myInput.style.color           = "black";  // color of the text 
 console.log(myInput.type) //should return "password" if it is a password type     
}, false);

如果您想了解有关javascript中事件的更多信息，请参阅

---

您可以使用

dispatchEvent（）

函数触发它们。

您能否显示一个片段或至少一个链接，说明我如何使用

addEventListener（）

函数？@Rishi在这里您已登录并标记为正确答案，感谢您的帮助！