从浏览器捕获取消事件

Question

我正在使用以下代码创建document.createElement引用，但是如果用户单击“取消”，则无法处理。关于如何实现任何投入？我正在使用Angular。

我的打字稿代码如下

downloadFile(){
      url = 'data:application/vnd.ms-excel;utf-8,test';
      let link = document.createElement("a");
                document.body.appendChild(link);
                link.href = url;
                link.download = fileNameToBeDownloaded + '.xls';
                link.dispatchEvent(new MouseEvent(`click`, {bubbles: true, cancelable: true, view: window}));}

HTML代码在下面

 <button type="button" (click)=downloadFile() [disabled]="selectedFileId=='' || selectedFileId==undefined || selectedFileId=='Select' " class="btn btn-primary btn-md btnStyle">Download as a file</button>