Javascript 在向上箭头单击输入类型时显示值为最大值的通知="；“数字”；

我有输入：

<input type="number" step="1" min="0" max="4" />

当用户单击向上箭头且当前值已为4时，如何显示最大值为4的警报

在下次发出警报之前，您必须告诉该字段它已被单击并达到4

遵守max=4的浏览器将不允许字段的增量超过4，因此仅此值是不够的

document.getElementById（“num”）.addEventListener（“单击”，函数（e）{
常量值=此.value，
max=this.getAttribute（“max”），
min=此.getAttribute（“min”），
minned=this.dataset.minned==“true”；
maxed=this.dataset.maxed==“true”；
如果（值===max&&maxed）{
警报（“值为最大值”）；
}
如果（值===最小值和最小值）{
警报（“值为0”）；
}
this.dataset.maxed=value==max？“真”：“假”；
this.dataset.minned=value==min？“真”：“假”；
})
document.getElementById（“num”）.addEventListener（“输入”，函数（e）{
常量值=this.value | | 0，
min=此.getAttribute（“min”），
max=这个.getAttribute（“max”）；
如果（值！=”&&value>max | | value

试试这个

函数handleMyInput（事件）{
const{value，max}=event.target
如果（值>=最大值）警报（“达到最大值”）；
}

---

据我从您的信息猜测，添加一个eventlistener可以满足您的需求：

const input_number=document.getElementById（“input_number”）；
输入_number.addEventListener（“更改”，函数（）{
如果（输入数值>4）{
警报（“最大数量为4！”）
}
})

---

尝试添加属性，

@edddd在遵守max=4的浏览器中不起作用。当点击4时发出警报，而不是在尝试在已经达到4后再次递增时发出警报，仍然无法按请求工作。看看如何是的，您的方法看起来非常适合该要求。很好，我的会在达到最大值后立即工作您的代码在响应max=4建议的浏览器中不工作：当用户手动输入数字时进行验证，因为稍后我可以随时单击up，而无需任何提示，单击不是合适的选项，因为当数字为4时，单击输入字段也会触发alert@SandrinJoy我无法用其他方法处理单击。我现在添加了粘贴测试，我想我可以将它们包装成一个函数并测试event.type