RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 804839
Accepted
Aslan Kussein
Aslan Kussein
Asked:2020-03-26 19:52:43 +0000 UTC2020-03-26 19:52:43 +0000 UTC 2020-03-26 19:52:43 +0000 UTC

js键码事件

  • 772

试图制作一个html页面

event.keyCode

写了这个脚本:

document.addEventListener('keydown', eventT, false);

    function eventT(event) {

        switch (event.keyCode) {
            case 38:
                console.log('вперед');
                break;
            case 40:
                console.log('назад');
                break;
            case 37:
                console.log('лево');
                break;
            case 39:
                console.log('право');
                break;
        }
    }

一切正常,但我怎样才能让运动下降添加了这样一个脚本,但它没有用

if (event.keyCode == 37 && event.keyCode == 38) {
      console.log('найскосок NUM7')
} else
if (event.keyCode == 38 && event.keyCode == 39) {
      console.log('найскосок NUM9')
}

又遇到一个问题,当你按向上箭头和向左箭头时,向上箭头被打断,这可以避免吗?

<HTML>
<HEAD>
    <TITLE>Control Panel</TITLE>
</HEAD>
<BODY>
<H1>Control Panel</H1>
<br/>
<br/>
<script>
    document.addEventListener('keydown', eventT, false);
    function eventT(event) {
        if (event.keyCode == 37 && event.keyCode == 38) {
            console.log('найскосок NUM7')
            document.addEventListener('keydown', eventT, false);
        } else
        if (event.keyCode == 38 && event.keyCode == 39) {
            console.log('найскосок NUM9')
        }
        console.log(event.keyCode)
        switch (event.keyCode) {
            case 38:
                console.log('вперед');
                document.addEventListener('keydown', eventT, false);
                break;
            case 40:
                console.log('назад');
                document.addEventListener('keydown', eventT, false);
                break;
            case 37:
                console.log('лево');
                document.addEventListener('keydown', eventT, false);
                break;
            case 39:
                console.log('право');

                break;
        }
    }
</script>
</BODY>
</HTML>

javascript
  • 2 2 个回答
  • 10 Views

2 个回答

  • Voted
  1. Best Answer
    Darth
    2020-03-26T20:29:03Z2020-03-26T20:29:03Z

    要处理同时击键,您需要分别记录击键,并分别处理它们。尝试:

    const keys = [];
    document.onkeydown = e => {
        if(keys.indexOf(e.which)<0) keys.push(e.which);
    };
    document.onkeyup = e => {
        keys.splice(keys.indexOf(e.which),1);
    };
    
    setInterval(() => {
      keys.forEach(item => {
          switch(item){
              case 87:case 38://W
                console.log('вперед');
              break;
              case 68:case 39://D
                console.log('вправо');
              break;
              case 65:case 37://A
                console.log('влево');
              break;
              case 83:case 40://S
                console.log('назад');
              break;
              default:
              //console.log(item);
          }
      });
      // Наискосоки:
    
        if (keys.includes(37) && keys.includes(38)) {
            console.log('найскосок NUM7')
        } 
        if (keys.includes(38) && keys.includes(39)) {
            console.log('найскосок NUM9')
        }
        if (keys.includes(39) && keys.includes(40)) {
            console.log('найскосок NUM3')
        }
        if (keys.includes(37) && keys.includes(40)) {
            console.log('найскосок NUM1')
        }
    }, 111);

    • 3
  2. Michael Vaysman
    2020-03-26T20:17:36Z2020-03-26T20:17:36Z

    您感到困惑...这是类似于更正确实现的内容:

    document.addEventListener('keydown', eventT, false);
    document.addEventListener('keyup', eventT, false);
    var arrowLeft=false;
    var arrowRigth = false;
    var arrowForward = false;
    var arrowBack = false;
        function eventT(event) {
            switch (event.keyCode) {
                case 38:
                    arrowForward = !arrowForward;
                    break;
                case 40:
                    arrowBack = !arrowBack;
                    break;
                case 37:
                    arrowLeft = !arrowLeft;
                    break;
                case 39:
                    arrowRigth = !arrowRigth;
                    break;
            }
    
            if(arrowRigth === true)
            {
                if(arrowForward === true)
                    console.log('диагональ направо');
                else
                    console.log('право');
            }
            else if(arrowLeft === true)
            {
                if(arrowForward === true)
                    console.log('диагональ налево');
                else
                    console.log('лево');
            }
            else if (arrowBack === true)
            {
              console.log('назад');
            }
            else if(arrowForward === true)
            {
              console.log('вперед');
            }
        }
    
    • 0

相关问题

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    是否可以在 C++ 中继承类 <---> 结构?

    • 2 个回答
  • Marko Smith

    这种神经网络架构适合文本分类吗?

    • 1 个回答
  • Marko Smith

    为什么分配的工作方式不同?

    • 3 个回答
  • Marko Smith

    控制台中的光标坐标

    • 1 个回答
  • Marko Smith

    如何在 C++ 中删除类的实例?

    • 4 个回答
  • Marko Smith

    点是否属于线段的问题

    • 2 个回答
  • Marko Smith

    json结构错误

    • 1 个回答
  • Marko Smith

    ServiceWorker 中的“获取”事件

    • 1 个回答
  • Marko Smith

    c ++控制台应用程序exe文件[重复]

    • 1 个回答
  • Marko Smith

    按多列从sql表中选择

    • 1 个回答
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Suvitruf - Andrei Apanasik 什么是空? 2020-08-21 01:48:09 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5