☯ 背景描述

今天在进行代码编写时，我需要根据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，自然对前端知识不够了解，但是这样确实能用，也希望道友帮忙指摘，多谢！

ி 附录

1.针对我的问题，求助度娘，发现了下面的一个帖子，可作参考
动态添加的blur事件失效 [问题点数：60分，结帖人lawrendc] 时间相当久远...
2.最接近解决需求的文章如下，建议可自行测试
动态生成input绑定事件无效如：blur

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

3.w3school 文档 - onblur 事件 这就是官方文档

js 动态生成 input 的绑定事件 blur 无效相关推荐

js动态生成的DOM绑定事件失效的问题
事件委托原理:事件冒泡机制. 优点:1. 可以大量节省内存占用,减少事件注册.比如ul 上代理所有li 的click 事件. 2. 可以实现当新增子对象时,无需再对其事件进行绑定.对动态内容部分尤为合 ...
动态生成数据后绑定事件
HTML代码: 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta chars ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
ajax请求动态生成dmo无法绑定事件解决方案
前端 1.前端代码 2.后端代码因为使用ajax:是不会刷新dom元素结构的,我怎么绑定事件都不生效,用jquery的on也不行,后来用行内事件绑定的方式终于搞定了. 1.前端代码 <!DOC ...
jQuery Dom 操作，动态生成dom，绑定事件
1.获取内容 - text().html()以及val() text()-设置货返回所选的元素的文本内容:$("#text").text(); html()- 设置或返回所选元素的 ...
JS动态生成的元素，其对应的方法不响应（比如单击事件，鼠标移动事件等）...
主要原因:在页面给元素注册点击事件的时候[ $(function () { XXX }); ],JS动态生成的元素还尚未生成,所以click事件就没有生效解决方法: 方案一:js动态生成元素后再给 ...
js 动态生成html（js根据后台返回数据生成html页面中的table标签）（转义字符）
js 动态生成html table标签中内容js生成 html代码 js代码 js 动态生成html 触发事件传参字符转义 table标签中内容js生成 html代码 <div><t ...
jquery 动态生成html后click事件不触发原因
转自:http://www.iam3y.com/html/560.html 最近在做一个项目的时候,遇到动态加载微博内容,然后点击"展开评论"后获取该微博的所有评论.这里使用了动态 ...
jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...

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

☯ 背景描述

ி 附录

js 动态生成 input 的绑定事件 blur 无效相关推荐

最新文章

热门文章