使用纯javascript手动触发dropdown事件？
使用纯javascript手动触发dropdown事件？
提问于 2018-10-11 03:26:57
我正在尝试在javascript中触发一个手动下拉事件。下面是我正在工作的函数。我正在停止发生的第一个事件，现在我想触发一个下拉事件。
stopNavigationTriggerDropDown(event: any){
event.stopImmediatePropagation();
event.stopPropagation();
event.preventDefault();
//code that triggers manual dropdown event
}下面是html代码：
<tr (click)="goToPlan(plan)">
<td>....</td>...
<td>
<div class="input-group">
<button (click)="stopNavigationTriggerDropDown($event)" type="button" class="btnTransparent" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa fa-ellipsis-h"></i>
<span class="sr-only">Toggle Dropdown</span>
</button>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" (click)="action(apl)">Go</a>
</div>
</div>
</td>
</tr>我不能只使用纯JavaScript来使用jQuery。我已经在网上搜索过了，但很多例子都显示了jQuery，但我需要它只是纯JS。我要提前感谢你们！
回答 1
Stack Overflow用户
发布于 2018-10-11 03:47:26
有两种主要方法可以实现这一点。
1: Fire按钮的click事件：
var button = document.getElementsByClassName("example");
button.click()2:在页面上创建和分派事件(请参阅：https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events)
var button = document.getElementsByClassName("example");
var btnEvent = new Event('click');
button.dispatchEvent(btnEvent);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52747471
复制相关文章
相似问题
腾讯云开发者
