如果用户输入的值大于5,我想将其设置为5。
function maxValCheck() {
if (document.getElementById('xxx').value > 5) {
document.getElementById('xxx').value = 5;
}
}
<input id="xxx" type="number" onkeypress="maxValCheck()" max="5" min="1" value="1" />
答案 0 :(得分:1)
只需将事件更改为onkeyup
:
<input id="xxx" type="number" onkeyup="maxValCheck()" max="5" min="1" value="1"/>
答案 1 :(得分:0)
您可以通过getElementById或从querySelector中选择元素,并需要将要触发的事件指定为第一个参数,第二个参数是要在addEventListener中添加的方法上执行的函数
<input id="xxx" type="number" max="5" min="1" value="1" />
<script>
const selectElement = document.querySelector('#xxx');
selectElement.addEventListener('change', function (evt) {
console.log("value is changing in input");
});
// or
document.getElementById("xxx").addEventListener('change', function (evt) {
console.log("value is changing in input");
});
</script>