HTML 文本输入触发更改事件为时已晚

Question

我的输入有问题，只有在我点击离开输入后，它才会调用我的更改事件。我希望在用户向我的输入中添加一些文本时调用该事件。

function textChange(ele) {
    let btn = document.getElementById("addThingBtn");
    if (ele.value.length) btn.disabled = false;
    else btn.disabled = true;
}

input {
    height: 35px;
    float: left;
    text-align: center;
}

button {
    width: 120px;
    height: 40px;
    float: left;
    text-align: center;
    margin-left: 5px;
}

<input type="text" id="newThingName" onchange="textChange(this);" placeholder="new thing name">
<button id="addThingBtn" onclick="addThing();" disabled> Add thing </button>

Answer 1

我实际上是在寻找 input event, 而不是更改事件。

function textChange(ele) {
    let btn = document.getElementById("addThingBtn");
    if (ele.value.length) btn.disabled = false;
    else btn.disabled = true;
}

input {
    height: 35px;
    float: left;
    text-align: center;
}

button {
    width: 120px;
    height: 40px;
    float: left;
    text-align: center;
    margin-left: 5px;
}

<input type="text" id="newThingName" oninput="textChange(this);" placeholder="new thing name">
<button id="addThingBtn" onclick="addThing();" disabled> Add thing </button>

HTML 文本输入触发更改事件为时已晚

HTML text input triggers change event too late

html

javascript

events