前端学习历程--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、移除监听
输出了第二个
 
 
 

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

推荐阅读