如何解决这些有关输入的 Javascript 问题

Answer 1

要解决 password.css 文件中框中的轮廓问题，请在输入中添加

outline: none

{} 并添加另一个选项，例如，当您聚焦输入时，它也会删除轮廓

input:focus { outline: none; }

要回答有关使用 Enter 键输入密码的其他问题，请删除按钮，并在 JavaScript 代码中使用

addEventListener()

来检查输入何时提交以及何时按下 Enter 键。

您已经有一个名为 checkPswd() 的函数，因此您可以使用诸如

document.getElementById("passwordForm").addEventListener("submit", function(event) {
    event.preventDefault()
    checkPswd();
}) // change your form id in index.html to "passwordForm"
document.getElementById("pswd").addEventListener("keyup", function(event) {
    if (event.key === "Enter") {
        event.preventDefault();
        checkPswd();
    }
});

在代码的第一部分中，我们正在侦听 id“passwordForm”（在表单的 index.html 中将其更改为此值）以便提交。提交表单后，我们使用

preventDefault()

防止使用默认表单提交进行输入。然后我们运行你的函数，它与第二段代码类似，但它会检查你的标签并等待回车键的按键，然后运行其他代码