webAPI-chapter2

1.事件监听

1：什么是事件监听

就是让程序检测是否有事件发生，一旦有事件触发，就立即调用一个函数做出响应，也称为 绑定事件，注册事件

2.事件监听的三要素

事件源 事件类型（点击还是鼠标经过） 事件处理程序（做什麽事）

3.方法

对象.addEventListener('事件类型（click/）'，函数)

2.事件类型

2.1 鼠标事件

1.click 鼠标点击 2.mouseenter 鼠标经过 3.mouseleave 鼠标离开

2.2 焦点事件（表单获得光标）

1. focus 获得焦点
2. blur 失去焦点

2.3 键盘事件（键盘触发）

1. keydown 键盘按下触发
2. keyup 键盘抬起触发

2.4 文本事件（表单输入触发）

input 用户输入事件

3.事件对象

3.1 是什么

1. 事件对象是什么？

也是个对象，这个对象里有事件触发时的相关信息

2. 事件对象在哪里

在绑定事件的回调函数的第一个参数就是事件对象 (e event evt)

3.2 获取事件

• 部分常用属性

  1. type 获取当前的事件类型
  2. clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置
  3. offsetX/offsetY 获取相对于当前DOM元素左上角的位置
  4. key 用户按下的键盘键的值，keycode已弃用

• trim()方法去除左右的空格

  const str = '     pink  '
  console.log(str.trim())
  

  4.环境对象

  1. 环境对象this是什么

  它代表着当前函数运行时所处的环境

  2. 判断this指向的粗略规则是什么

  谁调用，this就是谁 普通函数里指向的是Window

  5.回调函数

  1.是什么

  当一个函数当做参数来传递给另外一个函数的时候，这个函数就是回调函数