Javascript 当按下“回车”按钮时显示触发的密码功能（不应显示时）

我的“showPassword”功能有问题。我有我的代码设置，这样当用户点击回车键（技术上释放回车键）时，它将触发登录提交按钮功能。但是，我也注意到它也会触发showPassword函数，我不知道为什么。我对javascript相当陌生，因此非常感谢您的帮助

这是因为在HTML部分中，密码按钮位于提交按钮之前吗

以下是我目前的代码：

//Javascript事件侦听器：
document.addEventListener（“DOMContentLoaded”，function（））{
addEventListener（“单击”，loginButtonClick）；
新增TransactionButton.addEventListener（“单击”，新增TransactionButtonClick）；
displayPassword.addEventListener（“单击”，displayPasswordClick）；
新增Transaction.addEventListener（“单击”，newTransactionSubmitButtonClick）；
next.addEventListener（“单击”，下一页）；
prev.addEventListener（“单击”，prevPage）；
//如果用户希望在用户名输入字段上按enter键进行提交：
var loginbuttonener=document.getElementById（“loginEmail”）；
LoginButtonner.addEventListener（“键控”，函数（事件）{
if（event.keyCode==13）//数字13是键盘上的“回车”键
{
document.getElementById（“登录按钮”）。单击（）；
}
});
//如果用户希望在密码输入字段中按enter键进行提交：
var loginbuttonener=document.getElementById（“loginPassword”）；
LoginButtonner.addEventListener（“键控”，函数（事件）{
if（event.keyCode==13）//数字13是键盘上的“回车”键
{
document.getElementById（“登录按钮”）。单击（）；
}
});
});
//显示密码功能：
//将密码显示为文本或隐藏密码（在两者之间切换）
函数displayPasswordClick（）{
var userPassword=document.getElementById（“loginPassword”）；
const type=userPassword.getAttribute（'type'）=='password'？'text'：'password'；
userPassword.setAttribute（'type'，type）；
event.preventDefault（）；
}

密码：


显示密码
提交更改

<button id="loginPasswordDisplay">Show Password</button>

显示密码

到

显示密码

按钮
元素的默认类型为
提交
。在表单中输入将触发该表单中的第一个提交按钮，这种行为不需要任何键盘侦听器

目前，这是您的显示密码按钮，因此Enter还可以另外激活该按钮上的任何单击侦听器

类型


按钮的默认行为。可能的值为：

submit
：按钮将表单数据提交到服务器如果未为与
关联的按钮指定属性，或者如果属性为空或无效值，则这是默认值。

reset
：该按钮将所有控件重置为其初始值，如
。（这种行为往往会激怒用户。）

按钮
：该按钮没有默认行为，在默认情况下按下时不执行任何操作。它可以让客户端脚本监听元素的事件，这些事件在事件发生时被触发。


您的示例代码会产生错误
<button type="button" id="loginPasswordDisplay">Show Password</button>