stepUp и stepDown не работают в Edge и IE

Question

stepUp и stepDown не работают в Edge и IE.

<span class="minusIcon" onclick="document.getElementById('quantity').stepDown(1)"">-</span>
<input type="number" name="quantity" min="1" disabled="disabled" max="10" id="quantity" class="quantity" value="1" />
<span class="plusIcon" onclick="document.getElementById('quantity').stepUp(1)">+</span>

JS Fiddle: https://jsfiddle.net/ngcputf5/

Answer 1

Правильно, они не поддерживаются: https://www.w3schools.com/jsref/met_number_stepup.asp

Я бы создал функцию AdjustQty и передал бы модификатор.

<script>
function adjustQty(modifier) {
    document.getElementById('quantity').value += modifier;
}
<script>


... onclick="adjustQty(1)" ...

Вы также можете добавить функции stepUp / stepDown к входному объекту prototype , но это намного сложнее.