js：事件（鍵盤、滑鼠事件）
阿新 • • 發佈：2020-07-27
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>
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屬性來區分被按下的按鍵的大小寫