前端学习历程--js事件监听

一、事件监听使用场景

1、事件触发多个方法的时候，后一个方法会把前一个方法覆盖掉。

window.onload = function(){

 var btn = document.getElementById("yuanEvent");

 btn.onclick = function(){

  alert("第一个事件");

 }

 btn.onclick = function(){

  alert("第二个事件");

 }

 btn.onclick = function(){

  alert("第三个事件");//最后只执行此方法

 }

}

 

二、事件监听的使用

1、增加监听

用addEventListener函数，两个方法都执行

2、移除监听

输出了第二个