在输入为活动/焦点时触发onchange输入

Trigger input onchange while input is active/focus

本文关键字:输入 onchange 活动 焦点      更新时间:2023-09-26

当设置了所有必填字段时,我正试图让表单的提交按钮更改颜色。

我可以这样做:

if(window.addEventListener) {
        document.getElementById('login_form_form').addEventListener('change', loginSubmitOrange, false);
    } else if (window.attachEvent){
        document.getElementById('login_form_form').attachEvent("onchange", loginSubmitOrange);
    }

该功能检查所需字段是否已设置,如果已设置,则更改提交按钮的颜色。

它只在单击字段后才执行此操作。

如何在用户打字时触发该功能?不是在用户点击离开最后一个必填字段之后?

在其他地方,我被告知这是不可能的,但我相信我以前见过。

此外,请不要jQuery;我知道我是一个潮人,但我想从头开始了解一切。

谢谢!

使用onkeypress事件,我认为您应该能够实现您想要的。

使用密钥事件而不是onchange

var elem = document.getElementById('login_form_form');
if(window.addEventListener) {
    elem.addEventListener('keyup', loginSubmitOrange, false);
} else if (window.attachEvent){
    elem.attachEvent("onkeyup", loginSubmitOrange);
}