addEventListener 事件监听方式

注册事件(绑定事件）

addEventListener 事件监听方式

eventTarget.addEventListener(type, listener[, user Capture])

eventTarget.addEventListener()方法将指定的监听器注册到eventTarget（目标对象）上，当该对象出发指定的事件时，就会执行事件处理函数。

该方法接收三个参数：

• type: 事件类型字符串，比如click，mouseover，这里不带on
• listener：事件处理函数，事件发生时，会调用该监听函数
• useCapture: 可选参数，是一个布尔值，默认是false

    <script>
        var btns = document.querySelectorAll('button');
        // 1. 传统方式注册事件
        btns[0].onclick = function() {
            alert('hi');
        }
        btns[0].onclick = function() {
                alert('hao a u');
            }
            // 2. 事件侦听注册事件 addEventListener 
            // (1) 里面的事件类型是字符串 必定加引号 而且不带on
            // (2) 同一个元素 同一个事件可以添加多个侦听器（事件处理程序）
        btns[1].addEventListener('click', function() {
            alert(22);
        })
        btns[1].addEventListener('click', function() {
                alert(33);
            })
            // 3. attachEvent ie9以前的版本支持
        btns[2].attachEvent('onclick', function() {
            alert(11);
        })
    </script>