JS实现动态添加的元素绑定事件

  介绍

这篇文章将为大家详细讲解有关JS实现动态添加的元素绑定事件,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

最近做的项目要实现一个动态添加动态删除的功能,思考了一下,该怎么给动态添加的元素绑定事件。最后觉得有两种方式比较可靠,第一种是在动态添加的html代码里添加oclick事件,然后给传个唯一的参数来判断点击了哪个,然后做相应的操作,第二种是通过事件委托的原理来处理,事件委托将一个事件侦听器实际绑定到整个容器,然后在单击它时能够访问每个列表项,这种更高效一些

具体的代码实现如下:

第一:onclick

& lt; body>   & lt;才能button  onclick=癆ddJob()“在添加工作经历& lt;/button>   & lt;才能button  onclick=癎etJobs()“祝辞获取全部工作& lt;/button>      & lt;才能div  id=癹oblist"比;   ,,,& lt; div  id=癹ob1",类=癹ob"比;   ,,,,,& lt; input  name=癈ompanyName",类型=皌ext",价值=https://www.yisu.com/zixun/肮? "/>   <按钮onclick=" DelJob(1) ">删除