Tengo un problema con mi entrada, donde llama a mi evento de cambio, solo después de hacer clic fuera de la entrada. Quiero que se llame al evento cuando el usuario agregue texto a mi entrada.
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>En realidad, estaba buscando el evento de entrada, no el evento de cambio.
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>