首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用纯javascript手动触发dropdown事件?

使用纯javascript手动触发dropdown事件?
EN

Stack Overflow用户
提问于 2018-10-11 03:26:57
回答 1查看 670关注 0票数 0

我正在尝试在javascript中触发一个手动下拉事件。下面是我正在工作的函数。我正在停止发生的第一个事件,现在我想触发一个下拉事件。

代码语言:javascript
复制
stopNavigationTriggerDropDown(event: any){
     event.stopImmediatePropagation();
     event.stopPropagation();
     event.preventDefault();

     //code that triggers manual dropdown event
}

下面是html代码:

代码语言:javascript
复制
 <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。我要提前感谢你们!

EN

回答 1

Stack Overflow用户

发布于 2018-10-11 03:47:26

有两种主要方法可以实现这一点。

1: Fire按钮的click事件:

代码语言:javascript
复制
var button = document.getElementsByClassName("example");
button.click()

2:在页面上创建和分派事件(请参阅:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events)

代码语言:javascript
复制
var button = document.getElementsByClassName("example");
var btnEvent = new Event('click');
button.dispatchEvent(btnEvent);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52747471

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档