如何动态为节点绑定事件?

废话不错说，直接上代码。

点击删除按钮前

点击删除按钮后

此时我达到一个点击“确定”删除当前列表的功能，于是乎我写下了下面这样的代码：

然而并没有什么卵用！

仔细想本质上的问题是：

页面在加载js文件时，当前文档还没有对应的节点；而当我点击删除按钮的时候，文档新增了对应节点，而此时js文件已经加载完毕了，不会再去查找。

总而言之，问题是这样：如何在动态为节点绑定事件？？

说直白一些就是，当我添加了新的dom元素进入页面，而他们位于js问文件之后，我该如何在添加完dom之后，再运行js代码（这样说略不严谨，不过有助于理解）

扯了半天，最后怎么实现的呢？

神奇的on事件

这样把事件委托在document上，就实现了为dom节点动态绑定事件！！！

努力成为优秀的前端工程师！

>期待和大家交流，共同进步，欢迎大家加入我创建的与前端开发密切相关的技术讨论小组：

> - SegmentFault技术圈:[ES新规范语法糖](https://segmentfault.com/g/1570000010695363)

> - SegmentFault专栏：[趁你还年轻，做个优秀的前端工程师](https://segmentfault.com/blog/chennihainianqing)

>- 知乎专栏：[趁你还年轻，做个优秀的前端工程师](https://zhuanlan.zhihu.com/wyasy)

>- Github博客: [趁你还年轻233的个人博客](https://github.com/FrankKai/FrankKai.github.io)

>- 前端开发QQ群：660634678

>- 微信公众号： 人兽鬼 / excellent_developers


>努力成为优秀前端工程师！