addEventListener.js

document.addEventListener("click",function(){
    console.log("添加事件监听")
})

举个例子 ： 点击ul下面每个li的时候 背景成绿色

<ul id="container">
    <li>1</li>
    <li>2</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

    window.onload = function () {
        var ul = document.getElementById('container');
        //addEventListener不兼容ie9以下版本，请自行用attachEvent做兼容处理
        ul.addEventListener('click', function (ev) {
            //兼容ie低版本
            var ev = ev || window.event;
            var target = ev.target || ev.srcElement;
            //nodeName:找到元素标签名
            if (target.nodeName.toLowerCase() == 'li') {
                target.style.background = 'green';
            }
        }, false)
    }