介绍
这篇文章将为大家详细讲解有关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) ">删除按钮>