Within our web application we are displaying a PDF document in an iframe using the following line of code:
iframe
</script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>4条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/00/small_000000063.jpg" alt=" 囚心锁ツ "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 囚心锁ツ</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2020-12-13 00:39</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>I got the same issue. I found that by setting the focus on an input (doesn't work with div tags) the pdf is displayed.</p> <p>I fix it by adding an hidden input and set the focus on it. this work around doesn't slowdown the application.</p> <pre><code><html><head> <script> $(document).ready(function () { $("#myiframe").load(function () { setTimeout(function () { $(".inputforfocus").focus(); }, 100); }); }); </script></head> <body> <div class="main"> <div class="level1">Learning</div> <input type="hidden" class="inputforfocus"> <div> <iframe src="PDF/mypdf.pdf" frameborder="0" id="myiframe" allow="fullscreen">
