主页 / 问题 / 804839
Accepted
Aslan Kussein
Asked:2020-03-26 19:52:43 +0800 CST2020-03-26 19:52:43 +0800 CST

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 个回答

  1. Best Answer

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

    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. 您感到困惑...这是类似于更正确实现的内容：

    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

相关问题