Входное значение из числового элемента управления обновлением становится пустым после первой прокрутки вверх, в то время как на экране это 1

Question

Внутри формы у меня есть ввод типа "число", который отображается в виде числового управления вверх-вниз в форме. У меня есть функция, которая запускается по событиям mousewheel и keyup и получает значение ввода. Проблема в том, что когда я впервые прокручиваю колесо вверх, значение становится empty "", хотя на экране оно отображается как 1. Фактическое значение становится равным 1 после второй прокрутки, а число, отображаемое на экране, становится равным 2. Так в чем же причина того, что числовое значение обновления становится пустым при первой прокрутке, в то время как число на экране фактически равно 1? Как решить это несоответствие?

    <!--language: lang-js-->
    $(document).on("keyup wheel", "#input3", function () {
    var value = $(this).val()
  });

вот соответствующий div

<!--language: lang-html-->
               <div class="form-group m-b-40">
                    @Html.EditorFor(b => b.Stock, new { htmlAttributes = new { @class = "form-control input-value", id = "input3", min = "0" } })
                    <span class="bar"></span>
                    <div class="error">
                        <small class="error_form" id="stock_error_message"></small>
                        <div class="icon"></div>
                    </div>
                    <label for="input3">@Html.DisplayNameFor(b => b.Stock)</label>
                </div>