
由于事件会在冒泡阶段向上传播到父节点,因此可以把子节点的监听函数定义在父节点上,由父节点的监听函数统一处理多个子元素的事件。这种方法叫做事件的代理(delegation)
var ul = document.getElementById("ul");ul.addEventListener('click', function (e) {if (e.target.nodeName.toLowerCase() === 'li') {// e.target.nodeName 获取标签类型// toLowerCase() 转换小写console.log("e.target.innerHTML") //点击输出li的值}});
