使用 Javascript 添加 PDF 需要鼠标焦点答案

【问题标题】：Adding PDF with Javascript takes mouse focus使用 Javascript 添加 PDF 需要鼠标焦点
【发布时间】：2012-09-06 13:29:18
【问题描述】：

我正在使用 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 是否更好？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

加载 PDF 后强制关注页面上的另一个元素

var mywhatever = document.getElementById("mywhatever"); 
mywhatever.focus();

【讨论】：