Question

如果用户输入的值大于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" />

Answer 1

只需将事件更改为onkeyup：

<input id="xxx" type="number" onkeyup="maxValCheck()" max="5" min="1" value="1"/>

Answer 2

您可以通过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>

如何使用javascript检查和更改输入的值

2 个答案: