Javascript 如何在用户结束键入“时隐藏div”；“投入”；然后去下一个部门

这是我的HTML：

<div id="word1"><input type="text" class="Q"></input><input type="text" class="A"></input></div><br>
<div id="word2"><input type="text" class="Q"></input><input type="text" class="A"></input></div><br>

问题是：在站点加载之后，div会在没有任何用户操作的情况下自行消失。 怎么了

$("#word" + nowWord + " > .Q").focusout(divFocusOut());
$("#word" + nowWord + " > .A").focusout(divFocusOut());

这样做不需要用户操作。如果您在这里设置css而不褪色，那么问题就消失了。或者在没有javascript的情况下一开始就设置CSS

或者，如果您希望它发生，但不是在页面加载时，则将其放入函数中。

---

如果您想在用户输入某些输入后隐藏该div并转到另一个div，则可以在onBlur事件处理程序中写入逻辑。对不起，我不明白：/能否在此处放置示例？一个问题：淡出后，我正在添加新输入（当旧输入淡出时，会出现新输入）。这段代码处理这些已经在html文件中的输入，但不处理这个新的输入。如何修复它？对于动态添加的元素，您应该在类似于

$（文档）的处理程序上使用
。在（'blur'，“.Q，.A”，函数（e）{}
$("#word" + nowWord + " > .Q").focusout(divFocusOut());
$("#word" + nowWord + " > .A").focusout(divFocusOut());

$(document).ready(function(){
    $(".Q,.A").blur(function(e){
        if($(this).val().length>0 && $(this).siblings("input").val().length>0){
            $(this).parent().fadeOut(1000);
        }
    });
});