js表单autocomplete=‘off‘失效问题

众所周知。。。。autocomplete是Html5中的新属性，有‘off’,'on’两个属性。作用是点击输入框时，会打开或者关闭提示信息。

部分浏览器也会出现失效的情况（emmmm…，毕竟是html5新增的，有点bug也正常哈）。

这个时候应该如何解决呢？

百度试了几种方法都不太理想，也有人说网易邮箱使用，autocomplete='new-password’来禁止这个弹窗的。嗯mmm~这倒是也有这属性，但是自己加上真的有用吗?

不出意外应该的没啥用哈，你把网易页面的autocomplete='new-password’给删了，人家依旧出不来弹窗。
emmmm,心累。

解决方案：

1.给需要移除弹窗的地方先加一个class名字：autocomplete（随便写，不一定跟我一样啊）

2.暴力解决。
默认给添加上readonly这个属性，点击的时候删除掉，失焦的时候重新赋值上去。

    $(".autocomplete").each((index,el)=>{
      $(el).find("input").attr("readonly","true")
      $(el).find("input").attr("autocomplete","off")
      $(el).find("input").click(function(){
        $(this).removeAttr("readonly")
      })
      $(el).find("input").blur(function(){
        $(el).find("input").attr("readonly","true")
      })
    })
1
2
3
4
5
6
7
8
9
10

emm ，完美解决，从此头再也不疼了。。。。