仅使用普通的javascript手动触发下拉事件?

时间:2018-10-10 19:26:57

标签: javascript angular typescript

我正在尝试在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>

现在这是html代码:

TypedDict

我不能仅使用纯JavaScript来使用jQuery。我在网上搜索过,但很多示例都显示了jQuery,但我需要它只是纯JS。我先谢谢你们!

1 个答案:

答案 0 :(得分:0)

您可以通过两种主要方法来完成此操作。

1:“触发”按钮的点击事件:

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);