如何利用原生JS监听对加载更多出来的标签进行事件绑定

Question

有项目用到 JS 模板，但模板里的标签是字符串非正常运行的html标签，对页面一开始就加载出来的标签进行了事件绑定后，后加载出来的标签，除非用jQuery，我想不出用什么来进行监听然后实现事件绑定。而项目规定不可以使用如jQuery，zetpo这种框架来做，那么请问了，如题。<p class="p">标签p</p><script>    var ps = document.querySelectorAll('.p');    for (var i = 0; i < ps.length; i++) {        ps[i].addEventListener('click', function(){            var that = this;            console.log(that.innerText);        })    }</script><script type="template">    <p class="p">字符串标签p</p></script>

Answer 1

事件委托吧，一个最基本的代码如下！

window.onload = function(){

　　document.onclick = function(ev){

　　　　var ev = ev || window.event;

　　　　var target = ev.target || ev.srcElement;

　　　　if(target.className.toLowerCase() === 'p'){

　　　　　　　  console.log(this.innerHTML);

　　　　}

　　}

}

document可以用其它元素代替，但是，代替的元素必须是一开始就存在！不能是页面加载了再动态加进来的！