Jquery 当div2中的文本发生更改时显示隐藏的div1

我有两个div

div#itemDetails

，

div#regCodeTarget

和一个textfield

#regcode

div#itemDetails

最初是隐藏的，在文本字段

#regcode

中输入注册码且代码正确后，

div#regCodeTarget

中会显示一个文本正确键，发生这种情况时

div#itemDetails

也应立即显示。代码如下：

jQuery（函数（）{
jQuery（“#itemDetails”）.hide（）；
jQuery（'#regcode'）。on（'keydown'，function（）{
if（jQuery（'#regCodeTarget'）.text（）=“正确的键”）{
jQuery（“#itemDetails”）.show（）；
}
});
});

但是有一个延迟，div

div#itemDetails

仅在输入注册码并单击另一个随机按钮后显示，但其目的是在我单击注册码上的最后一个字母后，当单词Correct key立即出现时，它才显示出来。

我做错了什么？

请尝试使用此代码

<p id="itemDetails">This is test</p>
<p id="regCodeTarget">Correct Key</p>
<input type="text" id="regcode">

<script>
  jQuery(function() {
    jQuery("#itemDetails").hide();
      jQuery('#regcode').on('keyup', function() {
        if (jQuery('#regCodeTarget').text() == "Correct Key" && jQuery(this).val() == jQuery('#regCodeTarget').text()) {
          jQuery("#itemDetails").show();
        }else{
          jQuery("#itemDetails").hide();
        }
      });
   });
</script>

这是一个测试
正确的密钥
jQuery（函数（）{
jQuery（“#itemDetails”）.hide（）；
jQuery（'#regcode'）。on（'keyup'，function（）{
if（jQuery（'#regCodeTarget'）.text（）=“Correct Key”&&jQuery（this）.val（）==jQuery（'#regCodeTarget'）.text（））{
jQuery（“#itemDetails”）.show（）；
}否则{
jQuery（“#itemDetails”）.hide（）；
}
});
});

jQuery（“#regCodeTarget”）.text（）

应该是

.val（）

如果它是

输入

字段显示你的HTML以便我们可以制作一个小提琴，或者这样做，你需要向我们显示你调用

jQuery（“#regCodeTarget”）的位置。text（“正确的键”）

为什么不直接调用

jQuery（“#itemDetails”）.show（）当您将文本设置为“正确键”时？测试您刚才设置的文本似乎是错误的设计。请单击
，并使用“keyup”事件而不是“keydown”创建一个Try