js：事件（键盘、鼠标事件）

1、鼠标事件

（1）常用的鼠标事件

鼠标经过事件

<body id="body">
       <button id="b">按钮</button>
        <script>
             var b=document.querySelector("button");
             b.onmousemove=function(){
                 alert("你好");
             }
        </script>
    </body>

onclick：左键点击
onmouseover：经过
onmouseout：离开
onfocus：获得鼠标焦点
onblur：失去鼠标焦点
onmousemove：鼠标移动

（2）鼠标事件对象

<body id="body">
       <button id="b">按钮</button>
        <script>
             var b=document.querySelector("button");
             b.onmousemove=function(e){
                 console.log(e);
             }
        </script>
    </body>

（3）mouseenter事件与mouseover事件

mouseover事件：经过自身的盒子会触发，经过子盒子也会触发
mouseenter事件：只有经过自身的盒子会触发

2、键盘事件

（1）常见的键盘事件

<script>
           document.onkeyup=function(){
               alert("键盘按键抬起");
           }
        </script>

onkeyup：某个按键被松开时触发
onkeydown：某个键盘被按下时触发
onkeypress：某个按键被按下时触发，但是不识别功能键
三个事件的执行顺序是：keydown、keypress、keyup

（2）键盘事件对象

<body id="body">
        <script>
           document.onkeyup=function(e){
               console.log(e);
           }
        </script>
    </body>

keyup和keydown是不区分字母的大小写的
keypress区分字母的大小写
可以通过键盘对象的keyCode属性来区分被按下的按键的大小写