在javascript getDocumentReady之前检测浏览器自动填充

时间:2019-09-05 15:00:05

标签: javascript css google-chrome autofill floating-labels

我的输入有问题,一旦输入中有文字,我就会有一个自定义的浮动标签。我的问题是Chrome自动填充功能会在我的javascript onDocumentReady检查文本后自动添加文本。我希望我的javascript函数在chrome载入文本或自动补全的任何时间后被调用。有可能吗?

我尝试在documentGetReady上启动javascript函数。

$( document ).ready(function() {
       toggleInputsFloatingLabelCustomClass();
});

2 个答案:

答案 0 :(得分:0)

使用更改功能来查看您的任何输入是否更改

jQuery('input').change(function(){
    toggleInputsFloatingLabelCustomClass();
}

这将解决脚本运行后铬自动填充的问题

答案 1 :(得分:0)

您可以为输入eq添加onkeyup定义。

<input onkeyup='toggleInputsFloatingLabelCustomClassWithWait();'/> 

然后您可以检查用户是否还在写eq。如果用户正在这样写,则每个人都要执行并执行您的方法:

var timeout = null;
function toggleInputsFloatingLabelCustomClassWithWait() {
    clearTimeout(timeout);
    timeout = setTimeout(function () {
        toggleInputsFloatingLabelCustomClass();
    }, 1000);
}