JS/JQuery 当聚焦在子元素上时，是否会触发 onBlur

Question

我有一个关于onBlur DOM事件的问题。我想知道我是否在div 上设置了一个 onBlur 事件处理程序。如果我专注于该div 内的子元素，它会触发吗？我想在包含所有必要输入元素的div 处理 onBlur 事件时向 MVC 控制器提交 ajax 请求。

此外，这将保存与主模型(在部分视图中(相关的实体列表，该列表可能是编辑或创建。我会自己测试一下，但我仍然需要设置控制器操作并将我的标记移动到部分视图。

Answer 1

是的，由于事件冒泡，它将在容器事件上触发，除非元素上的侦听器调用event.stopPropagation()以防止进一步冒泡。

但此事件并不意味着您离开了 DIV。 例如，如果您有这样的 HTML：

<div>
    <input name="in1" type="text">
    <input name="in2" type="text">
</div>

如果从in1转到in2则会在 in1 上触发blur事件。此事件也将冒泡到 DIV。

如果要检测 DIV 外部的单击，请参阅如何检测元素外部的单击？