在 javascript/html 中使用 touchevent 模拟空格键按下

Question

我正在尝试在 Android 上移植游戏，并且在游戏中玩家按空格键进行跳跃，但我找不到任何可行的解决方案来模拟用户触摸屏幕时的空格键事件

这是我到目前为止找到的代码：

/**
 * Keep track of the spacebar events
 */
var KEY_CODES = {
  32: 'space'
};
var KEY_STATUS = {};
for (var code in KEY_CODES) {
  if (KEY_CODES.hasOwnProperty(code)) {
     KEY_STATUS[KEY_CODES[code]] = false;
  }
}
document.onkeydown = function(e) {
  var keyCode = (e.keyCode) ? e.keyCode : e.charCode;
  if (KEY_CODES[keyCode]) {
    e.preventDefault();
    KEY_STATUS[KEY_CODES[keyCode]] = true;
  }
};
document.onkeyup = function(e) {
  var keyCode = (e.keyCode) ? e.keyCode : e.charCode;
  if (KEY_CODES[keyCode]) {
    e.preventDefault();
    KEY_STATUS[KEY_CODES[keyCode]] = false;
  }
};
document.addEventListener("touchstart", function(e) {
  document.onkeydown({ keyCode: 32 });
});
document.addEventListener("touchend", function(e) {
  document.onkeyup({ keyCode: 32 });
});

我不明白为什么这不起作用...

然后这个：

// jump higher if the space bar is continually pressed
if (KEY_STATUS.space && jumpCounter) {
  player.dy = player.jumpDy;
}

以上是所有使用空格键事件的代码

Full Game code

Answer 1

您需要从事件中获取keyCode，尝试编写 ({ e.keyCode: 32});

Answer 2

您可以定义一个处理程序，然后包装跳转函数。用需要的事件触发它。例如：

function jump(keyEvent) { /* code to jump*/}

这是一个坏主意，但它可以为您工作。这样您就不必担心 preventDefault 方法。

function jumpHandler(e) { e.keyCode = 32; jump(e) /*object to simulate the keydown event object*/ }

为了避免对事件对象的操作，您可以像传递 keyCode 属性一样传递一个空函数。但是您将失去 preventDefault 功能。

function jumpHandler() { jump({keyCode:32, preventDefault: function(){}}) /*object to simulate the keydown event object*/ }

document.addEventListener('touchstart', jumpHandler);
document.onKeydown = jump // here just the reference to the handler

有时函数末尾的 returnig false 可能具有与 preventDefault 相同的行为，我只是告诉你是否要返回 false 而不是调用 preventDefault。

:)