我有一个下拉功能,应该通过点击这个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'); }
无论如何,我可以使子点击事件触发父母点击事件?
使用$event.currentTarget而不是$event.target
这样,您将获得已附加事件处理程序的元素.
阅读更多
> https://developer.mozilla.org/en/docs/Web/API/Event/currentTarget