Как переопределить функцию шага ввода номера HTML5? Использование jQuery

Question

Я хочу изменить шаг на входах номера HTML5 моего webapp. Я хочу 100 на 100 вместо 1 на 1.

Я попытался это:

$("#mynumberinput").keydown(function(e){ 
    if (e.keyCode == 38) // Arrow-Up 
    { 
     $(this).val(parseInt($(this).val() + 100)); 
    } 
    if (e.keyCode == 40) // Arrow-Down 
    { 
     $(this).val(parseInt($(this).val() - 100)); 
    } 
}); 

Но не получилось. Как я могу это достичь?

Answer 1

Изменение step свойство на самом элементе:

<input type="number" step="100" />

Или, если вы не можете изменить HTML непосредственно, вы можете сделать это с помощью attr метода JQuery в:

$("#mynumberinput").attr('step', 100); 

---

Кажется, что фактическая проблема заключается в том, что вы хотите разрешить пользователю вводить число и , то иметь его увеличение или уменьшение на 100. Проблема с вашим текущим кодом заключается в том, что вы не конвертируете значения в числа и, таким образом, re встречая то, что известно как строка конкатенация. Чтобы это исправить, просто конвертировать их в числовые значения до увеличения или уменьшения значения:

$('input').on('keyup', function(e) { 
 
    if (e.which === 38) 
 
    this.value = +this.value + 99; 
 
    else if (e.which === 40) 
 
    this.value = +this.value - 99; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="number" />

Обратите внимание, что я использую 99 вместо 100. Это позволяет первоначальное обращение браузера его к также введите. Если ваше значение step не равно 1, вам нужно будет это компенсировать самостоятельно.

Answer 2

Я думаю, что ответ на входный шаг правильный, но в отношении JQuery я думаю, что вы должны иметь parseInt только для val, а THEN - вычесть.

$(this).val(parseInt($(this).val()) - 100);