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

埃克克隆

我有一个下拉功能,应在此div上单击以调用

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

但是当我单击该<i>元素时,不会触发click事件

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

无论如何,我可以使其子级单击事件触发父级事件?

普伦克

yurzui

使用$event.currentTarget代替$event.target

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

柱塞示例

阅读更多

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章