Question

我对Java语言非常陌生，我试图创建一个简单的按钮，单击该按钮将刷新页面（重新加载游戏）。我写了下面的代码，当我检查Chrome中的按钮时，没有任何事件监听器连接到它。

var replay = function() {
  var replayButton = getElementById('play-Again');
  replayButton.addEventListener('click', window.location.reload());
  document.getElementById('play-again').appendChild(replayButton);
}

<button id="play-Again">Play again?</button>

Answer 1

如果只需要一个简单的重新加载按钮，则可以使用以下方法：

<button id="play-again" onclick="window.location.reload()">Play again?</button>

否则，EventListener必须在加载js文件时执行，它不会出现在您的代码中，因为您将其放入了一个可能永远不会调用的函数中！因此，您可以将EventListener放在函数之外，也可以在某个地方调用该函数。另外，您呼叫...appendChild(...)的最后一行似乎不正确。

Answer 2

要修复代码，您需要为事件侦听器提供一个功能。当前，您给它的是调用函数的响应，而不是实际的函数值。这是您的addEventListener

的修订代码

replayButton.addEventListener('click', function () {
  window.location.reload()
});

事件监听器未正确链接到我的元素

2 个答案: