首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 动态生成 input 的绑定事件 blur 无效

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

作者头像
泥豆芽儿 MT
发布2019-04-18 20:17:18
8.8K0
发布2019-04-18 20:17:18
举报

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://cloud.tencent.com/developer/article/1415480

☯ 背景描述

  • 今天在进行代码编写时,我需要根据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事件 因为测试失败后,转而考虑新的写法,且可以正常实现

[注:] 作为一个PHPer,自然对前端知识不够了解,但是这样确实能用,也希望道友帮忙指摘,多谢!

ி 附录

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年04月12日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • ☯ 背景描述
  • ி 附录
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档