zoukankan      html  css  js  c++  java
  • js学习笔记27----键盘事件

    键盘事件主要有2个:
    onkeydown : 键盘按下时触发,如果按下不抬起,那么会连续触发。
     
    onkeyup : 键盘弹起时触发
     
    不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。
    event.keyCode : 数字类型,返回 键盘按键的ASCII 码。
     
    ctrlKey, shiftKey, altKey: 布尔值。
     
     
    当一个事件发生的时候,如果 ctrl|| shift || alt 是按下的状态,返回true。
     
    示例代码:
     1 <!DOCTYPE html>
     2 <html lang="en">
     3     <head>
     4         <title>键盘事件</title>
     5         <meta charset="UTF-8">
     6         <meta name="viewport" content="width=device-width, initial-scale=1">
     7         <script>
     8             window.onload = function(){
     9                 document.onkeydown = function(ev){
    10                     var ev = ev || event;
    11                     //alert(ev.keyCode);  //返回键盘的ASCII 码
    12                 }
    13 
    14                 document.onclick = function(ev){
    15                     var ev = ev || event;
    16                     alert(ev.ctrlKey);//点击时返回false,按住ctrl键之后再点击的同时会返回true                  
    17                 }
    18             }                  
    19         </script>
    20     </head>
    21     <body>
    22         <div>
    23             
    24         </div>
    25     </body>
    26 </html>
  • 相关阅读:
    HDU 5087 (线性DP+次大LIS)
    POJ 1064 (二分)
    Codeforces 176B (线性DP+字符串)
    POJ 3352 (边双连通分量)
    Codeforces 55D (数位DP+离散化+数论)
    POJ 2117 (割点+连通分量)
    POJ 1523 (割点+连通分量)
    POJ 3661 (线性DP)
    POJ 2955 (区间DP)
    LightOJ 1422 (区间DP)
  • 原文地址:https://www.cnblogs.com/sese/p/7271695.html
Copyright © 2011-2022 走看看