在我的代码中，上下箭头键有效，但是由于某种原因左右键似乎不起作用

Question

我正在为我的班级制作游戏，并且我可以进行所有操作，但是由于某些原因，左右箭头键不起作用，但是上下键可以正常工作。 我在Github中拥有一切-https: //github.com/Crouton18/game.git

这是箭头功能的html和java脚本

    function leftArrowPressed() {
            var element = document.getElementById("cat");
            element.style.left = parseInt(element.style.left) - 20 + 'px';
        }
        function rightArrowPressed() {
            var element = document.getElementById("cat");
            element.style.left = parseInt(element.style.left) + 20 + 'px';
        }
        function upArrowPressed() {
            var element = document.getElementById("cat");
            element.style.top = parseInt(element.style.top) - 20 + 'px';
        }
        function downArrowPressed() {
            var element = document.getElementById("cat");
            element.style.top = parseInt(element.style.top) + 20 + 'px';
        }

    function movetheguy(event){
       switch (event.keyCode) {
                case 37:
                    leftArrowPressed();
                break;
                case 39:
                    rightArrowPressed();
                break;
                case 38:
                    upArrowPressed();
                break;
                case 40:
                    downArrowPressed();
                break;
                }

    <body onLoad="bg(large0.gif);" onKeyDown="" 
          onkeyup="movetheguy(event);" bgcolor="black">

Answer 1

我在github中检查了您的HTML，发现您的“猫”图像中只有right样式。 如果您的style属性中没有left规则，则JS element.style.left值不会返回值。

要解决此问题，您应该更改JS代码以获取element.style.right而不是element.style.left或者将“ cat”图像中的样式更改为使用left而不是right

在我的代码中，上下箭头键有效，但是由于某种原因左右键似乎不起作用

问题描述

1 个解决方案

解决方案1
1 2019-05-02 19:56:45

在我的代码中，上下箭头键有效，但是由于某种原因左右键似乎不起作用

问题描述

1 个解决方案

解决方案1 1 2019-05-02 19:56:45

解决方案1
1 2019-05-02 19:56:45