js 向动态添加的元素绑定事件。

其实并不是直接绑定到子元素上面,而是用了事件委托,就是运用浏览器的冒泡机制,向父元素绑定事件,点击子元素,利用冒泡而触发绑定到父元素的事件。

var a = document.getElementById('父元素');

a.addEventListener('click',function(e){

var target = e.target;

while(target !== a){//到父元素结束循环

if(target.tagName.toLowerCase() == '子元素'){//如果target 的元素标签名的小写相等了

//做你想做的事情。。。

}

target = target.parentNode;//不相等就找被点击的父元素

}

});

你可能感兴趣的:(js 向动态添加的元素绑定事件。)