事件

事件组成

• 事件源（触发谁的事件）
• 事件类型
• 处理函数

事件对象

• 触发事件时自动创建对象
• event 获取

  • 兼容性写法

    e=e||window.event

• 事件对象坐标获取
  • e.pageX,e.page 获取相对于文档的距离
  • e.clientX，clientY 获取相对于窗口的距离
  • e.offsetX，e.offsetY 获取相对于自身的距离

事件类型

• 鼠标事件

  • click 点击事件
  • mouseover mouseout 移入移出事件
  • mousedown mouseup 按下抬起事件
  • mousemove 移动事件

• 表单事件

  • submit 表单提交
  • change 内容改变
  • input 输入内容

• 焦点事件

• focus 获取焦点
• blur 失去焦点

• 键盘事件
  • keyup 键盘抬起事件

//键盘事件的事件源为document
document.onkeydown = (e) => {
    e = e || window.event
    let keyCode = e.keyCode
    //输出按下键的keyCode码
    console.log(keyCode);
}

• keydown 键盘按下