众所周知,当input type=“number”时,设置可以设置step属性来设置每次增减的值。但今天遇到一个奇葩问题,就是设置step属性之后,点击增加按钮,input的值是先增加1,然后再点击增加按钮才按照step的值来增减。
比如:<input type=”number” name=”points” step=”100″ min=”1″ value=”10″/>
大家可以运行查看结果。
研究了一会儿,发现原因是因为设置了min属性。如果上例中,把min改为2,那么是先加2然后再加10。通过研究还发现,如果step的值小于100,也不会出现上述bug情况,只有step大于等于100才会出现。
于是乎,如果step与min共同存在的情况下,就需要好好设置了。
至于为啥会出现这种bug,我也不知道,静待高手回答。。
未经允许不得转载:前端撸码笔记 » input表单step先加1再加step的值的bug