本文主要和大家介紹了JS實現為動態創建的元素添加事件操作,涉及javascript頁面元素動態添加及事件響應相關操作技巧,需要的朋友可以參考下,希望能幫助到大家。 html中直接產生的元素,加入事件,我們都知道,但是如何為一個動態產生的元素添加事件呢,jquery中的live方法可以做到這一點 具體實作可以在demo中看到 www.jb51.net - JS实现为动态创建的元素添加事件 添加事件 // js原生实现 // var btn=document.getElementById("btn"); // btn.onclick=function(){ // var arr= []; // for(var i=0;i<10;i++){ // arr.push("<p id='nep'>"+i+"</p>"); // } // // document.getElementById("panel").innerHTML=arr.join('<br/>'); // } // //jquery部分实现 $("#btn").click(function(){ var arr= []; for(var i=0;i<10;i++){ arr.push("<p id='nep'>"+i+"</p>"); } $("#panel").html(function(){ return arr.join("<br/>"); }); }); //为动态创建的html标签元素添加事件 $("#nep").live("click",function(){ var that=$(this);//获取当前点击的this对象 console.log(that.text()); }); 登入後複製運行結果: 相關推薦: React怎麼能為button新增事件 js實作動態新增事件的相關技巧 jQuery為動態產生的select元素新增事件的方法