javascript - 在 child 之间切换时，焦点和模糊如何使 DOM 冒泡？

Question

在 <div> 的子级之间切换焦点时，我想触发一个函数。 ( children 是 <span> s，如果这很重要的话)。我知道我可以通过将函数绑定(bind)到 blur 来处理这个问题每个子元素的事件，但我可能会创建(和销毁)许多子元素，并且希望避免将该函数绑定(bind)到子元素本身。

对于许多事件，例如单击或鼠标悬停，我知道该事件将在 DOM 中冒泡并在我的父 div 上触发相同的事件，我可以在其中捕获它并处理它。不过，我不确定模糊和焦点事件会如何冒泡。看起来父级仍然具有焦点，因为它的一个子级具有焦点，但 javascript 是一种奇怪而美丽的生物。

在元素的子元素之间更改时，我可以依赖模糊/焦点事件冒泡吗？或者是否有更好的方法来处理子元素之间的焦点变化？

Answer 1

focus 和 blur 没有冒泡阶段 - https://developer.mozilla.org/en-US/docs/Web/API/Element/focus_event

相反，您可以使用具有冒泡功能的focusin。