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>
  • 相关阅读:
    内存警告
    倒影效果
    设计模式六大原则
    设计模式
    GCD线程
    字符串颜色值转换
    下划线按钮
    电池栏上弹窗
    项目发布相关
    UINib xib加载
  • 原文地址:https://www.cnblogs.com/sese/p/7271695.html
Copyright © 2011-2022 走看看