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

时间:2021-05-01 09:14:15

一、事件监听使用场景

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

window.onload = function(){
 var btn = document.getElementById("yuanEvent");
 btn.onclick = function(){
  alert("第一个事件");
 }
 btn.onclick = function(){
  alert("第二个事件");
 }
 btn.onclick = function(){
  alert("第三个事件");//最后只执行此方法
 }
}
 
二、事件监听的使用
1、增加监听
前端学习历程--js事件监听用addEventListener函数,两个方法都执行

2、移除监听

前端学习历程--js事件监听输出了第二个