javascript - 在 mat-dialog 中聚焦 iFrame

Question

我正在使用 mat-dialog 显示在 google-slides 中创建的幻灯片之一。打开对话框后，我希望用户使用箭头键浏览幻灯片。但这仅在用户第一次手动单击幻灯片时才有效。这里的问题是，我无法将焦点放在 iFrame 中。下面是一个模拟我的用例的代码片段。

https://stackblitz.com/edit/mat-dialog-example-9ttgpd

我尝试使用 this.iframe.nativeElement.contentWindow.focus()但没有成功。是否有任何其他技术可以将焦点放在演示文稿中？

标签： javascriptangulariframeangular-materialgoogle-slides

Answer 1

您可以尝试等待加载 iframe

<iframe ... (load)="$event.target.contentWindow.focus()">

分叉的 Stackblitz