Focus event is triggered in a Div element when the div itself is selected or any nested input field - Angular答案

【问题标题】：Focus event is triggered in a Div element when the div itself is selected or any nested input field - AngularFocus event is triggered in a Div element when the div itself is selected or any nested input field - Angular
【发布时间】：2020-04-22 22:38:44
【问题描述】：

在一个有角度的应用程序中，我有一个带有索引选项卡的 Div，以使其可选择。 Div 包含一个包含许多字段、按钮的表单...... 我想在选择它自己的 div 或选择 div 中的任何字段、文本 .... 时触发 div 上的焦点事件（焦点事件必须冒泡到该 div）

在This exemple 中，您可以看到当 div 获得焦点时 div 会改变颜色，但当输入字段获得焦点时它不会改变颜色

【问题讨论】：

我不想在该字段中添加事件监听器，因为在我的用例中，我必须在该 div 中添加许多输入字段。
no :focus-within 因为不使用 edge developer.mozilla.org/fr/docs/Web/CSS/:focus-within

标签： angular

【解决方案1】：

在同一个stackblitz exemple 中将焦点事件更改为（focusin）事件，它将起作用

【讨论】：