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

标签 javascript jquery html

我正在创建一个动态添加的输入表单。我想做到这一点,以便当输入失去焦点时,其值将被附加到它后面。到目前为止我尝试过这个:

$(".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

任何帮助表示赞赏! :)

最佳答案

使用

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

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

关于javascript - 单击其他输入时在输入上触发 jquery 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50545246/

相关文章:

javascript - 使用 Raphael.js 在图表中移动节点的动画

javascript - Angular 2 属性绑定(bind)究竟是如何工作的?这个例子中到底发生了什么?

javascript - 更改类名后将第二个单击事件附加到元素

javascript - 获取 anchor 的偏移位置

jquery - Ajax返回错误错误: Access is denied on IE

html - CSS/JQuery 在文本前放置下拉选择器刻度箭头

css - 使 div 类高度为 100% 的问题

javascript - 将数据从 Flask 传输到 d3 的最佳方式

javascript - Firefox 自版本 18 以来的错误

javascript - 使用 jquery 与 html 表格的宽度和高度相同