其他分享
首页 > 其他分享> > 事件分类

事件分类

作者:互联网

## 事件分类

    -过第二遍,第三遍的时候注重点不同!!!

    鼠标事件:

        onclick

        onm ouseover        onm ouseout       【冒泡】

        onm ouseenter        onm ouseleaver  【不冒泡】

        onfocus        onblur

        onm ousemove/onmouseup/onmousedown

        总结:

            onm ouseenter:对儿子绑定,鼠标放到父亲也可以响应

                -只会经过自己才触发

                -mouseenter:不会冒泡

            onm ouseover:每一次鼠标到儿子,父亲身上都会响应

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

                -【原因: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: 输入值为空,回复默认值

标签:触发,oninput,鼠标,分类,冒泡,默认值,事件
来源: https://www.cnblogs.com/macro-renzhansheng/p/12936490.html