js事件代理

事件代理

使用的event的target属性

<div class="box">
        <div>123</div>
        <div>456</div>
        <div>789</div>
        <div>471</div>
        <div>741</div>
    </div>
    <script>
        var box = document.querySelector('.box');
        box.addEventListener('click',function(ev){
               let target =  ev.target || ev.srcElement;
               if(target.nodeName.toLowerCase() == 'div'){
 　　　　　　　  alert(target.innerHTML);
               }
        })
    </script>

点击哪个div显示哪个div中的内容，将div的点击事件绑定到了父级box身上，ev.srcElement是为了兼容老版本浏览器