Javascript 如果不关注父元素，如何防止关注子元素？

除非父元素是焦点，否则如何防止将焦点放在子元素上（以可访问的方式）

一些背景：

我目前正在使用bootstrap构建一个表单生成器，它允许您单击并拖动列/面板

但是，我希望在这个容器中有输入，以便编辑将生成的formfields/输入的属性

---

我觉得UI/UX不好，而且太拥挤，无法直接单击控件，因此第一次单击其中一个容器中的输入选择容器，下一次单击输入元素将是最佳折衷方案，因为这将允许您选择和/或拖动容器，而无需担心意外地单击或拖动输入

---

这是一个无障碍的计划吗？它会导致任何可访问性问题吗？

不幸的是，当父对象获得焦点时，您需要检查DOM，并将

tabindex

属性添加到其子对象，然后在父对象失去焦点时将其从子对象中删除。“我觉得这将是一个糟糕的UI/UX”告诉我，第一步是将界面原型化，并将其放在人们面前。你的直觉可能是对的，但是理解它为什么是对的是有价值的。