angular – 如何在模糊功能之前执行单击功能

发布时间：2020-12-17 06:53:28 所属栏目：安全来源：网络整理

导读：我有一个简单的问题,但我似乎无法找出任何解决方案. 基本上我有一个输入,在聚焦时切换下拉列表,当它不再聚焦时,它应该关闭下拉列表. 但问题是,如果单击下拉列表中的项目,则会在项目的单击功能之前执行模糊功能,导致单击功能完全不运行,因为在注册单击之前下

我有一个简单的问题,但我似乎无法找出任何解决方案.

基本上我有一个输入,在聚焦时切换下拉列表,当它不再聚焦时,它应该关闭下拉列表.

但问题是,如果单击下拉列表中的项目,则会在项目的单击功能之前执行模糊功能,导致单击功能完全不运行,因为在注册单击之前下拉关闭.

我怎么解决这个问题？

<input (focus)="showDropdown()" (blur)="myBlurFunc()">
<ul>
  <li *ngFor="let item of dropdown" (click)="myClickFunc()">{{item.label}}</li>
</ul>

用(mousedown)替换你的点击事件.在模糊之前调用Mousedown事件.此代码应该正常工作：

<input (focus)="showDropdown()" (blur)="myBlurFunc()">
<ul>
  <li *ngFor="let item of dropdown" (mousedown)="myClickFunc()">{{item.label}}</li>
</ul>

看起来点击事件的优先级低于模糊,因此它是模糊事件首先触发的可预测行为.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!