我有两个(或更多) HTML元素,每当它们中的任何一个失去焦点时,我都想执行回调,除非焦点在它们之间移动。换句话说,从焦点的角度来看,我想把这些元素当作一个单独的元素来处理,并执行一个组--onBlur回调。使用React,我试图跟踪每个元素在状态上的焦点,但是当焦点从元素a转移到元素b时,a上的onBlur总是发生在onFocus on b之前。
我有一个<section>元素,我只想在第一个子元素获得焦点而不是第二个子元素获得焦点时在其中设置焦点。我尝试使用:not伪类,但没有成功。值得注意的是,我仍然需要关注第二个元素,只是不想像下面的例子那样有两个关注的元素(父元素+子元素)。 Codepen example 如果只使用HTML/CSS攻击/解决方案会更好。