事件分类

## 事件分类

    -过第二遍，第三遍的时候注重点不同！！！

    鼠标事件：

        onclick

        onmouseover        onmouseout       【冒泡】

        onmouseenter        onmouseleaver  【不冒泡】

        onfocus        onblur

        onmousemove/onmouseup/onmousedown

        总结：

            onmouseenter:对儿子绑定，鼠标放到父亲也可以响应

                -只会经过自己才触发

                -mouseenter:不会冒泡

            onmouseover:每一次鼠标到儿子，父亲身上都会响应

                -鼠标经过自身盒子会触发；经过子盒子还会触发

                -【原因：mouseover会冒泡】

        oninput:监听是否有输入的时候

        contextmenu:阻止鼠标右键

    键盘事件

        onkeyup

        onkeydown

        onkeypress

    总结：

        keyup,keydown可以识别

        keypress:功能键是无法识别的！ex:control shift 左右箭头

        键盘事件对象的keyCode,即event.keyCode:按键的ascii码     a:65//91

        keyup,keydown: 不能识别大小写   空格：32

        keypress:区分大小写

    event整理：

        clientX clientY         可视区域的x,y坐标

        pageX   pageY           页面文档

        screenX screenY         电脑屏幕

案例：

    京东输入框：

        1：默认值

        2：获取焦点，默认值背景色变浅 onfocus

        3：输入值，默认值消失 oninput

        4: 输入值为空，回复默认值