lovecoding
/
W260426


			
							12345678910111213141516171819202122232425262728293031323334
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>a</li>
        <li>b</li>
        <li>c</li>
        <li>d</li>
        <li>e</li>
        <li>f</li>
    </ul>
    <script>
        // var li = document.querySelectorAll("li");
        // for(var i=0;i<li.length;i++){
        //     li[i].addEventListener("click",function(){
        //         console.log(this.innerText);
        //     })
        // }


        // 事件委托 利用事件冒泡机制将事件绑定到父元素上 点击子元素时 事件会冒泡到父元素上 触发事件处理函数
        var ul = document.querySelector("ul");
        ul.addEventListener("click",function(event){
            // target 表示单签元素内是哪一个触发的事件
            console.log(event.target.innerText);
        })
    </script>
</body>
</html>