День добрый! Не могу понять, как отловить изменения в input[type=number], когда нажимаются стандартные стрелочки (google chrome). Изменения при вводе вручную норм, стрелочки на клавиатуре отлично, а вот если тыкать на кнопки по умолчанию у данного input, не срабатывает. особенно умиляет, что работает один раз, а при втором нажатии и далее, визуально значение меняется, но в js этого не происходит https://jsfiddle.net/77354Lb8/
$(document).on('keyup keydown change blur', 'input', function() {
$('#test').html($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" min=0 max=10>
<div id="test"></div>
Вам нужно добавить mouseup.
$(document).on('keyup mouseup keydown change blur', 'input', function() {
$('#test').html($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" min=0 max=10>
<div id="test"></div>
Ничего лишнего, все просто до ужаса)))
$(document).on('input', 'input', function() {
$('#test').html($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="number" min=0 max=10>
<div id="test"></div>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники