He proporcionado dos botones separados para Ctrl+z y Ctrl+y. Quiero que la funcionalidad Ctrl+z y Ctrl+y se realice con el clic de un botón. Aquí está mi función.

 undoText(event:MouseEvent){ var element = document.getElementById("undoBt") if(element){ element.dispatchEvent(new KeyboardEvent('keydown',{composed: true, bubbles:true, cancelable:true, code:"ControlLeft", ctrlKey:true, key:'Control',keyCode:17, location:1})); element.dispatchEvent(new KeyboardEvent('keydown',{bubbles:true, cancelable:true, code:"KeyZ", composed:true, ctrlKey:true, key:'z', keyCode: 90})); } }

Aquí está mi html.

 <mat-icon matTooltip="Undo" (click)="undoText($event)" *ngIf="svgInit" id="btn1" class="undo" svgIcon="undo" aria-hidden="false" aria-label="undo"> </mat-icon>

Para lograr esto, intento activar Ctrl+z y Ctrl+y al hacer clic en el botón, pero no se activan y no puedo establecer la propiedad isTrusted como verdadera.

¿Qué está mal con el código?