Javascript 阻止自动完成

Question

我最近开始使用 Javascript，发现密码长度检查存在一个问题。
http://jsfiddle.net/uYss7/代码:

document.observe('dom:loaded', function() {
    $('passwordan').observe('keypress', function(event) {
        if (this.value.length < 5) {    
            this.setStyle({backgroundColor: 'blue'});

        } else {
            this.setStyle({backgroundColor: 'white'});
        }
    });
});     

问题:
它会自动填充信息。我使用的是 127.0.0.1，该框之所以是“passwordan”只是因为我想看看 Firefox 是否记住了之前在框名称或 id 之后输入的数据，但情况似乎并非如此。
发生的情况是它自动填充五个 *，这破坏了我的 Javascript。它的长度是5，如果我在框内单击，ctrl + a(标记五个*)，并写一个字母(没有退格键，只是替换)，它仍然是白色的。它的长度现在为 1，并且应该是蓝色的(因为长度小于 5)。如果我标记它，单击退格键并写一封信，那么它就会按预期工作。
这是解释的图像:
http://makeagif.com/media/2-02-2013/pc1TSL.gif

*

pktangyue 给了我修复:

A simple way to fix it is using keyup event instead of keypress.

Because keypress triggered before value change, while keyup triggered after it.

谢谢!
*还有一个问题，为什么在变为蓝色(然后再次变为白色)后顶部会有灰色边框？

Answer 1

修复此问题的一个简单方法是使用 keyup 事件而不是 keypress。

因为 keypress 在值更改之前触发，而 keyup 在值更改之后触发。