Javascript 不添加事件侦听器

我正在使用jQuery查询我的代码。 我有一个密码输入框，我想随时得到键入的密码

这是我的密码：

<input type="password" id="newp" name="newPassword" placeholder="New Password" />
<input type="password" id="newpa" name="newPasswordAgain" placeholder="New Password Again" />

<script>
$(document).ready(() => {
    $('#newpa').on('input', () => {
        if ($('#newpa').val() != $('#newp').val()) {
            $('#newpa').css({
                border: '2px solid red'
            });
        }
    };
});
</script>

$（文档）.ready（（）=>{
$（'#newpa'）。在（'input'，（）=>{
if（$（'#newpa'）.val（）！=$（'#newp'）.val（））{
$（'#newpa'）.css({
边框：“2件纯红”
});
}
};
});

我确信这是一个正确的代码，因为当我在浏览器的控制台中输入它时，它可以工作，但当我重新加载页面时，它不工作

我能做什么？

$（文档）.ready（（）=>{//已更新
$（'#newpa'）。在（'input'，（）=>{
if（$（'#newpa'）.val（）！=$（'#newp'）.val（））{
$（'#newpa'）.css({
边框：“2件纯红”
});
}
});
})；

输入：焦点{
大纲：无；
}

在您的代码中有一个解析错误，您缺少一个关闭 括号

输入事件将被多次激发，而不仅仅是在 完成输入后，要处理这个简单的问题，您可以放置一个else语句

$（文档）.ready（（）=>{
$（'#newpa'）。在（'input'，（）=>{
if（$（'#newpa'）.val（）！=$（'#newp'）.val（））{
$（'#newpa'）.css({
边框：“2件纯红”
});
}否则{
$（'#newpa'）.css({
边框：'2px实心rgb（118118118）'
});
}
});
});

@WangLiang用户不太可能在重新加载页面后立即触发此字段中的keyup事件。我也尝试过。这不是问题，因为它在我的浏览器控制台中工作。请澄清，您所说的情况是，用户已经在这些字段中输入了数据，然后重新加载页面（在一个将自动填充先前输入的值的浏览器中）？然后在分配事件处理程序后触发此事件一次。

$（“#newpa”）.trigger（'input

”）；每次在页面开始时，当我不在我的浏览器控制台中手动输入jQuery代码时，我的意思是“重新加载”你正在谈论的场景。不管怎样，你试过我的建议了吗？我的问题是什么？先生，试一下你的答案。我在第一次输入和第二次输入中输入qq，它变红了！！不，它不起作用。我试过了。我还试过使用

document.addEventListener（'load'，（）=>{…}）；

和

document.onload=（）=>{…}

！我知道。当我尝试时，我在浏览器控制台中的代码可以工作，但我不知道何时重新加载页面时，它们不工作！不，它不工作，我正在使用“onInput”事件，当我更改输入文本时，它必须工作请阅读您答案之前的最后一个答案，我也尝试了，我尝试了，但没有“ready”事件函数…我说在开始时它不起作用，而我在浏览器的控制台中输入代码。您尝试在哪个浏览器中执行，能否先确认它是否在浏览器中起作用，我不是说您需要删除“加载”，也不是说我已删除我的答案包含“加载”事件。您不应该使用$（文档）。on（'load'，handler）相反，您可以使用$（window）。在（'load'，handler）上，我说我尝试了您的答案，而且我尝试了不使用“load”事件函数我更改了我的问题，请看