Question

我是HTML5的新手，但我正在学习，而且现在 - 我正在开发一款非常简单的游戏。

我要做的是获取与画布相关的鼠标X和Y位置，并使用鼠标跟随图像（如十字准线，瞄准）。

但就目前而言，我只想拉动鼠标值。

所以，我有一个名为init的函数，它初始化了所有东西。在加载图像精灵时调用它：

function init(){
    drawBg();
    startDrawing();

    document.addEventListener('keydown', checkKeyDown, false);
    document.addEventListener('keyup', checkKeyUp, false);

    document.addEventListener('ommousemove', mouseTarget, false);

}

如果'ommousemove'是正确的，我不是100％，不确定我想把它们放在哪里。然后我有了mouseTarget函数：

function mouseTarget(e){

    var mouseX;
    var mouseY;

    if(e.offsetX){
        mouseX = e.offsetX;
        mouseY = e.offsetY;
    }
    else if(e.layerX){
        mouseX = e.layerX;
        mouseY = e.layerY;
    }

    console.debug("Mouse X: " +  mouseX + " Mouse Y: " + mouseY);

}

我还有一个名为'draw'的函数，每隔5帧调用一次（每次更新），所以我假设我需要检查其中的鼠标位置？

function draw(){
   mouseTarget();
}

但后来我得到一个错误：Uncaught：TypeError：无法读取未定义的属性'offsetX'。我在这里做错了什么？

由于

HTML5 + JavaScript - 鼠标定位

0 个答案: