input表单step先加1再加step的值的bug

众所周知,当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

上一篇:

下一篇: