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

最新推荐文章于 2022-07-01 10:42:46 发布

cm_girl

最新推荐文章于 2022-07-01 10:42:46 发布

阅读量1.3k

点赞数

分类专栏：前端文章标签： jquery

原文链接：https://blog.youkuaiyun.com/u011415782/article/details/89230040

版权

前端专栏收录该内容

2 篇文章

订阅专栏

本文探讨了在动态生成表格中，如何正确绑定blur事件至input标签。起初的尝试仅适用于静态表格，通过调整策略，最终实现了动态表格元素的事件监听。文章强调了异步操作对事件绑定的影响及解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在进行代码编写时，我需要根据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);
    });