Javascript 即使我仍然关注同一个div内的输入，JQuery也会检测focusOut。如何更改它？

这是我的代码：

Javascript:

$(".test").on("focusout", function (e) {
        $("#output").append("Lost focus<br>");
});

$（.test”）.on（“focusout”，函数（e）{
$（“#输出”）.append（“失去焦点
”）；
});

HTML:

div内的

输入：


div之外的输入：

我想检测用户是否离开“div.test”。不幸的是，当我将焦点移到这个div中的其他对象时，“focusout”也起作用

看看这把小提琴：

单击第一个输入并使用Tab在文本框之间切换。"

---

只有当用户从div中移出时，“失去焦点”才会出现，但这种情况总是发生。这是为什么？如何更改？

操作符返回一个集合。在

中有两个输入。因此，它将所有元素和子元素与

.test

类匹配

我认为您想要的是两个具有独立输入元素和两个不同类的div，或者，在实际输入元素上使用ID，以便

$

运算符只匹配您希望触发此事件的输入ID

$（“#测试”）。打开（“聚焦输出”，函数（e）{
$（“#输出”）.append（“失去焦点
”）；
});


div之外的输入：

我已经实现了一段代码来处理div焦点输出

$（文档）.ready（函数（）{
var计数=1；
$（“#名称”）.focusout（函数（e）{
if（$（this）.has（e.relatedTarget）.length==0）{
$（“#输出”）.append（“+count++”Name div focus out”）；
}
});
});
div内的
输入：
div之外的输入：

这是出于设计。如何解决你的问题。
Inputs inside div:
<div class="test">
    <input type="text" />
    <input type="text" />
</div><br>
Inputs outside div:<br>
<input type="text" />
<div id="output">

</div>

$("#test").on("focusout", function (e) {
            $("#output").append("Lost focus<br>");
    });
        <div class="sometest">
        <input id="test" type="text" />
        <input type="text" />


      </div><br>
        Inputs outside div:<br>
        <input type="text" />
        <div id="output">

    </div>