首页 > 代码库 > js中实现事件代理
js中实现事件代理
var count = 10;
for(var i = count;i--;){
var div = document.createElement(‘div‘);
div.innerHTML = "test_div"+i;
div.className = "test_div";
document.body.appendChild(div);
}
//绑定冒泡阶段点击事件
document.body.addEventListener(‘click‘, function(e){
if(e.target && e.target.className == "test_div") {
alert(e.target.innerHTML+‘ bubble‘);
}
}, false)
//绑定捕获阶段点击事件
document.body.addEventListener(‘click‘, function(e){
if(e.target && e.target.className == "test_div") {
alert(e.target.innerHTML+‘ capture‘);
}
}, true)
触发顺序:捕获阶段-》目标阶段-》冒泡阶段
js中实现事件代理
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。