03-事件基础

事件基础

1.事件概述

• 事件是可以为JS侦测到的行为
  • 简单理解：触发----响应机制

2.事件三要素

• 事件源

  事件被触发的对象

• 事件类型

  事件触发的类型

• 事件处理程序

  一个函数(方法)

• btn.onclick = function(){
      alert('你是憨憨')
  }
  //btn-->事件源
  //onclick-->事件类型
  //function(){}-->事件处理程序(这里是函数表达式，单独这样写会报错)
  

3.执行事件的步骤

• 获取事件源—>需要用前面的获取元素的方法

  let btn = document.querySelector('.btn')
  

• 注册事件

  btn.onclick

• 添加事件处理程序

  btn.onclick = function(){
  	console.log('事件处理程序')
  }