拖拽功能（鼠标按住方块跟着动，松开就不跟着走）
    image.png

    事件分类
    1、鼠标事件（不需要小驼峰和大驼峰）
    click、mousedown、mousemove、mouseup、contextmenu、mouseover、mouseout、mouseenter、 mouseleave
    这三个事件的触发顺序是 mousedown，mouseup，click

    2、用 button 来区分鼠标的按键，0/1/2
    只有 **mouseup、mousedown **两个能区分鼠标垫左右键
    button 返回值，右键是 0，左键是 2，中间是 1

    事件分类
    一、键盘事件
    1、keydown，keyup，keypress
    2、触发顺序是 keydown > keypress > keyup
    3、keydown 和 keypress 的区别
    1）keydown 可以响应任意键盘按键，keypress 只可以相应字符类键盘按键检测字符类不准确，keypress 检测字符很准。但是 keydown 能监控所有，包括上下左右都能监控，但是 keypress **只能监视字符。
    用法：如果你想监控字符类按键，并想区分大小写，就用 keypress，如果是操作类按键的话，就用 keydown（which：39 是给按键牌号 39，不是 asc 码）
    2）keypress 返回 ASCII 码，可以转换成相应字符
    例连续按键盘按键的时候就是连续触发 keydown 和 keypress，松开触发 keyup

    二、文本操作事件
    input，change，focus，blur
    例框里面所有变化（增删改）都会触发 input 事件
    image.png
    image.png
    三、窗体操作类(window 上的事件) scroll，load
    image.png
    image.png**