javascript - 当用户移动到下一个输入字段或释放输入字段时触发事件

Question

这段代码在php的foreach循环中

$('input[name="<?=$value?>"]').on('change',function(){
        spanval = $(".formscore").text();
        width = $(".formProgressbar").width() / $('.formProgressbar').parent().width() * 100;
        width = Math.round(width);
        var currentval = $(this).val();
        if(currentval != ''){
          $(".formscore").text(parseInt(spanval) + <?=$sql123->score?> + '%' )
          $(".formProgressbar").width(parseInt(width) +  <?=$sql123->score?> + '%' )
        }else{
          $(".formscore").text(parseInt(spanval) - <?=$sql123->score?> + '%' )
          $(".formProgressbar").width(parseInt(width) -  <?=$sql123->score?> + '%' )
        }
      });

此代码随着输入字段的变化而改变进度条。

现在的问题是每次更改字段时它都会更改。

我试过跟随jquery的Handler

1. 改变
2. 模糊
3. 键盘
4. 按键
5. 聚焦/聚焦

我想在用户移动到下一个输入字段或释放输入字段时触发一个事件。我愿意接受任何其他建议。

Answer 1

如果您尝试将事件监听器添加到动态生成的元素，而不是

$('input').on(event, function(e){
  // won't work for dynamically generated element
});

你应该使用下一个代码:

$('form').on(event, 'input', function(e){
  // will work for dynamically generated element
});

此代码用于下一个 html:

<form>
  <input type="text" name="">
</form>

其中 input 是动态生成的元素，event 是您的事件(change、blur 等)