zoukankan      html  css  js  c++  java
  • 键盘事件对象之keyCode属性

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
    </head>

    <body>
        <script>
            // 键盘事件对象中的keyCode属性可以得到相应键的ASCII码值
            // 1. 我们的keyup 和keydown事件不区分字母大小写  a 和 A 得到的都是65
            // 2. 我们的keypress 事件 区分字母大小写  a  97 和 A 得到的是65
            document.addEventListener('keyup', function(e) {
                // console.log(e);
                console.log('up:' + e.keyCode);
                // 我们可以利用keycode返回的ASCII码值来判断用户按下了那个键
                if (e.keyCode === 65) {
                    alert('您按下的a键');
                } else {
                    alert('您没有按下a键')
                }

            })
            document.addEventListener('keypress', function(e) {
                // console.log(e);
                console.log('press:' + e.keyCode);

            })
        </script>
    </body>

    </html>
  • 相关阅读:
    spring(1)
    mybatis(7)自定义结果集(一对多/多对一)
    延迟加载
    《构建之法》阅读笔记03
    http socket
    转换
    .net后台通过xmlhttp 和远程服务通讯
    XMLHttpRequest介绍
    js 贪吃蛇
    触发器
  • 原文地址:https://www.cnblogs.com/yanlei369343/p/13893968.html
Copyright © 2011-2022 走看看