我有一个下拉功能,应该通过点击这个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
原文地址:https://www.jb51.cc/angularjs/141257.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。