单击其他输入时在输入上触发jquery函数

Question

我正在创建一个动态添加的输入表单。 我想这样做，以便当输入失去焦点时，将其值附加.00 。 到目前为止，我已经尝试过了：

$(".money-input").on("click", function(e) {
  e.stopPropagation();
});

$(document).on("click", function (e) {
  $(".money-input").each(function() {
    var valTemp = $(this).val();
    if ((valTemp.indexOf(".00") < 0) && (valTemp != "")) {
      valTemp += ".00";
      $(this).val(valTemp);
    }
  });
});

我的问题是，仅当我单击其他div但输入时它才起作用。 另外，我还想实现的是，当我在一个输入上编辑内容，然后将焦点切换到其他输入时，先前的输入值附加了.00 。

任何帮助表示赞赏！ :)

Answer 1

采用

$(".money-input").live('blur', function() {
    var valTemp = $(this).val();
    if ((valTemp.indexOf(".00") < 0) && (valTemp != "")) {
        valTemp += ".00";
        $(this).val(valTemp);
    }
});

blur是您的“迷失焦点”事件。 使用live ，它将将此事件附加到现在和将来存在的元素上（因为您正在动态添加表单）。

Answer 2

请求的行为很奇怪...改用step属性 ：

<input type='number' step='01'>

在输入中具有浮点值的最低要求是： type="number"和step属性。 在下面的演示中，有3个表单，每个表单有2个输入，总共6个输入。

1. 前2个输入没有step属性。

2. 第二对是动态创建的。 第一个输入没有step属性，而第二个输入却具有step属性。

3. 最后一对输入具有step属性。

---

• 我修改了样式，以便当输入具有step属性时，其边框为红色虚线。 不必这样做，仅用于演示目的。

• 在事件处理程序上注册了2个事件的jQuery，一个是blur事件 ，另一个是change事件 。 这些事件触发相同的处理程序，该处理程序将在change或blur事件触发时将step属性设置为输入。

---

演示版

---

 $('#form1').append("<input id='i2' class='money' type='number' value='0.00'>").append("<input id='i3' class='money' type='number' value='0.00' step='.01'>"); $('.money').on('blur change', function(e) { if ($(this).val() > 0) { $(this).attr('step', '.01'); } }); 

 input[step*=".01"] { border: 1px dashed red } 

 <form id='form0'> <input id='i0' class='money' type='number' value='0.00'> <input id='i1' class='money' type='number' value='0.00'> </form> <form id='form1'></form> <form id='form2'> <input id='i4' class='money' type='number' value='0.00' step='.01'> <input id='i5' class='money' type='number' value='0.00' step='.01'> </form> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>