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

这是您使用jquery中的each()函数的方式。您需要使用$(this)而不是简单的this

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

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

Answer 2

您为什么不使用OnBlur事件？

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

单击外部输入时的格式编号

2 个答案: