如何在Angular 6中以编程方式触发“点击”事件?

时间:2018-08-15 12:35:19

标签: events onclick angular6

基本上,我想使用TypeScript触发页面中的输入按钮

3 个答案:

答案 0 :(得分:3)

//与在普通JS中进行操作没什么不同

let elem = document.getElementById('submitBtn');

let evt = new MouseEvent('click',{         气泡:是的,         可取消:是的,         查看:窗口     });

elem.dispatchEvent(evt);

答案 1 :(得分:0)

在.ts中按如下方式使用@ViewChild

 @ViewChild('fileInput') fileInput: ElementRef;

 let inputElement: HTMLElement = this.fileInput.nativeElement as HTMLElement;
 inputElement.click();

在您的.html中,

 <input #fileInput type="file" ng2FileSelect (onFileSelected)="fileUpload($event)"/>

答案 2 :(得分:0)

JS代码:

document.getElementById('mat-checkbox-1-input').click();

快乐编码!!!