1、事件

    一个完整的事件 包括  ①事件源（触发谁的事件）
                        ②事件类型（触发了什么事件）
                        ③事件处理函数（触发后做什么）

2、事件绑定方式

    ① onxxx(onclick/onchange ......)
        这个是主流方式
    ② .addEventListener('监听的事件','监听的事件处理函数','布尔值,指定是使用事件冒泡还是使用事件捕获。此参数是可选的')

3、浏览器事件

    1.延迟加载事件（window.onload）
        在同步任务最后执行
        

    2.页面滚动事件
        检测页面滚动

4、点击事件

    ① 单击事件（click）
    ② 双击事件（dblclick）
    ③ 右键事件（contextmenu）
    ④ 鼠标左键按下事件（mousedown）
    ⑤ 鼠标左键抬起事件（mouseup）
    ⑥ 鼠标移动事件（mousemove）
    ⑦ 鼠标移入事件（mouseover）
    ⑧ 鼠标移出事件（mouseout）
    ⑨ 鼠标移入事件（mouseenter）
    ⑩ 鼠标移出事件（mouseleave）

5、键盘事件

    注意：只有input 和 document 才能触发
    ① 键盘抬起事件（keyup）
    ② 键盘按下事件（keydown）
    ③ 键盘按下抬起事件（keypress）

6、表单事件

    ① 输入框获取焦点（focus）
    ② 输入框失去焦点（blur）
    ③ 输入框改变事件（change）
    ④ 表单内容输入事件（input）

7、触摸事件

    在手机端触发
    ① 触摸开始事件（touchstart）
    ② 触摸结束事件（touchend）
    ③ 触摸移动事件（touchmove）

8、鼠标定位

    ① e.offsetX/Y（相对于事件源）
    ② e.clientX/Y(相对于浏览器)
    ③ e.pageX/Y(相对于页面)

9、键盘按键

    ① e.key (获取按的是哪个 键)
    ② e.keyCode(按的键的 编码)