Chrome自动填充值无法反映在jQuery中

Question

我具有以下非常简单的形式：

<form action="goto.html" method="post" validate>
            <input type="text" name="username"  required>
            <br/>
            <input type="password" name="password" required>
            <br/>
            <button type="submit">submit</button>
 </form>  

此表单在Chrome中自动填充，但在jQuery中会自动填充：:-

console.log($('[name="username"]').val())  

我什至没有任何价值，甚至尝试了以下方法：

setInterval( function(){
        console.log('value is ::-')      
        console.log($('[name="username"]').val())      
    }, 500 );

除非您在浏览器中单击，否则在控制台中输出正确的值后，该值将不会显示。

即使我是这样人为地触发点击：

setTimeout( function() {
        $('body')
            .trigger('click');
    } , 3000 );

除非我实际上在浏览器中单击，否则setInterval仍将记录为空白。

任何解决方法？发现了类似的问题HERE，但是提到的解决方案不起作用。

Answer 1

我有一个很老的解决方案，我之前发现了，但是我不记得在哪里。之所以可以使用它，是因为Javascript能够在Chrome中跟踪自动填充CSS动画。