Форматировать номер при нажатии вне ввода

Question

Здравствуйте, у меня много входных данных, и я хочу отформатировать число, когда я нажимаю за пределами ввода.

Здесь мой HTML:

<div class="mdc-text-field col-5 px-0 InputForcage mr-2" data-id="@IdValueLine" style="@(IsForcage == "True" ? "" : "display:none")">
@Html.TextBox("InputToForce", IsForcage == "True" ? ValForce : "0", new { @class = "mdc-text-field__input number InputForcage", @style = "text-align:right;font-size:14px;", data_id = IdValueLine })
<label class="mdc-floating-label" for="my-text-field" style="left:unset">Forcage</label>
<div class="mdc-line-ripple"></div>
</div>

Вот мой JS:

$("input[type=text].InputForcage, input[type=number].InputForcage").each(function () {
    $(this).blur(function () {
        OnNumBlur(this);
    });
});

Здесь моя проблема в том, что когда я нажимаю снаружи для ввода после записи числа, и у меня есть точка останова на моей функции, точка останова не работает, и мой файл js загружается вHTML, поэтому у меня есть проблема в селекторе моей функции или другой думаю ??

Answer 1

Почему вы не используете событие OnBlur?

<input type="text" onblur="myFunction()">

Answer 2

Так вы используете функцию each() из jquery.Вам нужно использовать $(this) вместо простого this

<div id="app">
  <input type="text" /> 
  <input type="text" />
</div>

$("input").each(function () {
  $(this).blur(() => {
    console.log($(this).val());
   });
});