Angular4 / Child元素未触发父(单击)事件

发布时间：2020-12-17 08:46:14 所属栏目：安全来源：网络整理

导读：我有一个下拉功能,应该通过点击这个div来调用 div (click)="toggleDropdown($event)" data-id="userDropdown" Username i class="mdi mdi-chevron-down"/i/div 但是,当我点击 i时,不会触发点击事件.元件 toggleDropdown($event) { const id = $event.target;

我有一个下拉功能,应该通过点击这个div来调用

<div (click)="toggleDropdown($event)" data-id="userDropdown">
 Username <i class="mdi mdi-chevron-down"></i>
</div>

但是,当我点击< i>时,不会触发点击事件.元件

toggleDropdown($event) {
    const id = $event.target;
    document.querySelector('[data-drop=' + id.getAttribute('data-id') + ']').classList.toggle('active');
}

无论如何,我可以使子点击事件触发父母点击事件？

Plnkr

使用$event.currentTarget而不是$event.target

这样,您将获得已附加事件处理程序的元素.

Plunker Example

> https://developer.mozilla.org/en/docs/Web/API/Event/currentTarget

（编辑：李大同）

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