防止在单击特定元素（角度）时内容可编辑元素模糊

Question

在这里以我的示例为重点

https://stackblitz.com/edit/angular-9nopkp

Id希望防止仅单击按钮时产生模糊效果（并保持所有默认的模糊行为，例如在可编辑的p内容之外单击）

似乎按钮单击会立即使它模糊，因此我添加条件的尝试失败了（如在织机中所见）

注意：我想我从技术上讲并不是在防止模糊（因为我想保持默认模糊不变），我只是想防止单击该元素时发生某些逻辑。我已经按照想要的方式将其设置在织机中。

Answer 1

用(click)代替(mousedown)事件应该可以帮助您解决问题：

<h1 (mousedown)="itemClick()">dont blur (click me)</h1>

Forked Stackblitz