js 动态生成 input 的绑定事件 blur 无效

• 今天在进行代码编写时，我需要根据ajax返回的数据动态生成一个表格，而针对于其中的input标签，要求设置失去焦点的blur事件

• 需要实现的界面截图如下：
  

• 最开始编写的 js 代码如下：

	/**
     * 当sku库存量变化时，对应总库存进行更新
     */
    $(".input-sku-stock").blur(function () {
        var input_goods_stock = 0;
        $('.input-sku-stock').each(function () {
            input_goods_stock += Number($(this).val());
        });
        $(".input-goods_stock").val(input_goods_stock);
    });

• 但是发现，静态的表格是可以正常实现的，而动态新生成的却无法触发blur事件
  因为测试失败后，转而考虑新的写法，且可以正常实现
  

 

意见：异步导致绑定事件失败，需使用全局绑定事件