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

时间:2019-06-24 06:22:28

标签: javascript html

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

2 个答案:

答案 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>