javascript - 使用 Javascript 添加 PDF 需要鼠标焦点

Question

我正在使用 Javascript 在网页上的 iframe 中加载 PDF。

这不是一个简单的选择:

<iframe id="some" src="some.pdf" ...></iframe>

我确实需要稍后使用 Javascript 添加 pdf，例如:

document.getElementById("some").src = "some.pdf";

我的问题是，当 PDF 加载时，它会获得鼠标焦点。我的意思是，当您尝试滚动时，您滚动的不是页面，而是 PDF。当我单击另一个选项卡并返回到包含 pdf 的选项卡时，此问题已得到纠正。

有没有办法使用 Javascript 添加 PDF 但禁用自动对焦？使用 iframe 在页面中显示 PDF 这样更好吗？

Answer 1

如果您希望 pdf 成为页面的一部分，则必须使用 iframe。当您不希望它在加载后获得焦点时，您只需监听加载事件并将焦点放在其他元素上。

document.getElementById('some').onload= function() {
    document.getElementById('otherElement').focus();
};