使用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加载

后强制关注页面上的其他元素

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

Answer 2

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

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