就像Javascript的初学者一样,我试图创建一个代码来允许对象在y轴和x轴上上下移动

Just as a beginner in Javascript I'm trying to create a code to allow an object to move up and down the y and x axis with the appropriate

本文关键字:对象 许对象 移动 上下 轴和 一样 初学者 Javascript 就像 一个 创建      更新时间:2023-09-26

就像Javascript的初学者一样,我试图创建一个代码,允许对象在y轴和x轴上移动,并对方向键做出适当的响应。我该怎么做呢?

我不知道你是否试图使对象在<canvas>元素上移动或改变其DOM位置,但我可以帮助keydown事件。

下面的代码片段可以用来加载事件并处理它:

// Load a document key down event
document.addEventListener("keydown", keyDown, false);
// Function to register and handle the event
function keyDown(e) {
    var k = e.keyPressed;
    if (k === 37) console.log("Left key");  // Or whatever code you have
    else if (k === 38) console.log("Up key");
    else if (k === 39) console.log("Right key");
    else if (k === 40) console.log("Down key");
}

请注意,您需要知道该操作的关键代码。我写了一个小函数,您可以使用它来获取按下的键的键代码:

document.addEventListener("keydown", keyDown, false);
function keyDown(e) {
    document.write(e.keyCode);
}

这是一个JSFiddle。编辑:要使小提琴工作,您可能需要单击"结果"窗口的内部。

因为我不知道如果你想DOM操作,<canvas>方法,或其他的东西,我能帮助你的是关键事件。不过,我希望我给你指明了正确的方向。好运!