javascript - 单击按钮时提示输入密码的调用函数

Question

我试图要求输入密码才能结束事件并返回登录页面，但是当我单击按钮时什么也没有发生。

我正在使用的功能和按钮如下。请注意，这是我用来提交到下一页的表单末尾的下方。

<button id="exitBtn">End Event</button>

<script>
  var exitBtn = document.getElementById("exitBtn");
  exitBtn.addEventListener("click", password());

  function password() {
    var realPW = "<?php echo $pw ?>";
    var pword = prompt("Please enter your password:");
    if (realPW == pword) {
      self.location = "LoginBox.php"
    }
</script>

Answer 1

当您使用password()时，您正在立即调用该函数，您应该只使用password。

如果 password 以 return password; 结尾，您的代码将有效，因此 addEventListener 方法将使用它，但事实并非如此。所以你的函数返回undefined，最终发生的是.addEventListener('click', undefined);。

固定代码:

结束事件

<script>
var exitBtn = document.getElementById("exitBtn");
exitBtn.addEventListener("click", password);

function password() {
    var realPW = "<?php echo $pw ?>";
    var pword = prompt("Please enter your password:");
    if (realPW == pword) {
        self.location = "LoginBox.php"
    }
}
</script>