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

    1. var ul = document.getElementById("ul");
    2. ul.addEventListener('click', function (e) {
    3. if (e.target.nodeName.toLowerCase() === 'li') {
    4. // e.target.nodeName 获取标签类型
    5. // toLowerCase() 转换小写
    6. console.log("e.target.innerHTML") //点击输出li的值
    7. }
    8. });