事件流
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,第二次绑定');
})