事件流

1.绑定事件

想要给一个元素绑定事件，我们有两种方法：使用内联事件或事件监听器。在之前的课程中，我们一直使用的是内联事件来为元素绑定事件

<button id='btn1'>按钮1</button>
<button id='btn2'>按钮2</button>
    <script type="text/javascript">
        var btn1=document.getElementById('btn1');
        var btn2=document.getElementById('btn2');

1)内联事件

btn1.onclick=function(){
    alert(1111);
}

无限制第为元素绑定事件

btn1.onclick=function(){
    alert('btn1,第一次绑定');
}
    btn1.onclick=function(){
        alert('btn1,第二次绑定');
}

2)事件监听

btn2.addEventListener('click',function(){
    alert(2222);
})
</script>

无限制第为元素绑定事件

btn2.addEventListener('click',function(){
    alert('btn2,第一次绑定');
})
    btn2.addEventListener('click',function(){
        alert('btn2,第二次绑定');
})