javascript - 为什么输入返回空？

Question

我遇到如下输入问题：

1. 进入屏幕时，如果您已经在输入中输入了一些数据并使用此数据键入，则该值在 js 中返回我为空 ..

2. 如果输入为空，并且在键入内容时，第一个数字为空。

<div class="form-group EGLF pb-3">
    <input type="text" id="FLUI" class="form-control FI EFLI" autocomplete="on" autofocus required>
    <label class="EFL">Usuário</label>
    <span class="EFHL"></span>
    <span class="EFBL"></span>
    <div class="FMFIFL mt-2 ml-1">Por favor, Insira um nome de usuário!</div>
</div>

window.addEventListener('load', () => {
    const username = document.getElementById('FLUI'),
        userPassword = document.getElementById('FLUPI');

    username.addEventListener('keypress', (event) => {
        if (username.value.length > 0) {
            const regexp = new RegExp(/[a-z]/g);
            console.log(username.value)
            console.log(regexp.test(username.value))
        }
    });
});

标签： javascripthtml

Answer 1

处理完事件后value会更新。这使您可以用来停止更新。keypresspreventDefault()value

keyup如果要在更新后运行函数，请使用该事件value。