本文描述了向动态创建的元素添加事件的JS实现。分享给大家参考，如下：

我们都知道html中直接生成的元素和添加事件，但是如何向动态生成的元素添加事件，jquery中的live方法可以做到这一点

具体实现可以在演示中看到

！doctype HTML HTML Head metharset=' UTF-8 ' title www . JB 51 . net-js实现为动态创建的元素添加事件/title script src=' http : js/lib/jquery-1 . 7 . 2 . min . js '/script/Head body button id=' BTN ' add event/button div id=' panel '/div script//js原生实现//varbtn=document . getelementbyid(' BTN ')；//BTN . onclick=function(){//var arr=[]；//for(var I=0；i10I){//arr . push(' p id=' nep ' ' I '/p ')；//}////document . getelementbyid(' panel ')。innerHTML=arr . join(' br/')；//}////jquery部分实现了$(“# BTN”)。单击(function(){ vararr=[]；for(var I=0；i10I){ arr . push(' p id=' nep ' ' I '/p ')；} $('#panel ')。html(function(){ return arr . join(' br/')；});});//添加事件$ ('# nep ')。live ('click '，function () {var那=$ (this)为动态创建的html标记元素；//获取当前点击的这个对象console . log(that . text())；});/脚本/正文/html运行结果：

PS:关于javascript事件描述，请参考javascript事件和功能描述百科：http://tools.jb51.net/table/javascript_event

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》、0103010

希望本文对JavaScript编程有所帮助。