禁用360浏览器自动填充用户数据

最新推荐文章于 2024-07-22 08:55:10 发布

mrtian367

最新推荐文章于 2024-07-22 08:55:10 发布

阅读量1.1k

点赞数

分类专栏：前端文章标签： jquery javascript

本文链接：https://blog.csdn.net/feixiangzaitianye/article/details/125604428

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

由于360浏览器会在html中遇到input的type属性为password时并且不是readonly或disabled时，会自动填充用户保存的账号信息，这样给用户的体验不是很好。因此写了下面的代码来解决这个问题

$(function(){
    noAutoFill();
})

function noAutoFill (){
    var visiblePdArray = $("body").find("input[type=\"password\"]:visible");
    if(visiblePdArray === undefined || visiblePdArray.length === 0){
        return;
    }

    $.each(visiblePdArray,function(index,item){

        $(item).attr("readonly","readonly");

        $(item).on("mouseenter",function(){
            $(item).attr("readonly",false);
        })

        $(item).on("mouseleave",function(){
            $(item).attr("readonly",true);
        })
    });

}

借鉴博客：360浏览器自动填充表单_夜晚De冷风的博客-CSDN博客_360浏览器表单自动填充