事件代理(事件委托)

由于事件会在冒泡阶段向上传播到父节点，因此可以把子节点的监听函数定义在父节点上，由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理（delegation）

xxxxxxxxxx
var ul = document.querySelector('ul');

ul.addEventListener('click', function (event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // some code
  }
});

实时效果反馈

1. 下列是关于事件代理的处理，横线处应该填写的代码是：

xxxxxxxxxx
var parent = document.getElementById("parent");
parent.addEventListener("click",function(e){
    if(e.___.nodeName.___ === 'li'){
        console.log(e.target.innerHTML);
    }
})

A target toUpperCase()

B target toLowerCase()

C currentTarget toLowerCase()

D currentTarget toUpperCase()

答案

1=>B