Question

我想通过模糊和焦点对iframe采取行动，

我的代码的场景是，我在网页上写了一个android问题，旁边的那个问题我显示了android手机图片，问题下面写的代码是什么，输出会显示在那张图片中，如果你不在浏览区域，标题将显示为无效。

动作应该是焦点或焦点。

我写的这个命令，

<div class="andr_app">
  <iframe src=" <%= request.getContextPath()%>/images/mob_empty.png"       width="400px" height="800px" id="iFrameUrl${questionId}"  class="mobileDisplayIframe" frameborder="0" scrolling="no"></iframe>
 </div>

请帮助我。

Answer 1

iFrame元素没有焦点或模糊事件，因此您需要使用窗口。

var iframe  = document.getElementById('iframe');
var iframeWindow = iframe.contentWindow;

iframeWindow.onfocus = function(){
    //focussed
}
iframeWindow.onblur = function(){
    //blurred
}

^{参考：answer}

Answer 2

最后我得到了答案，但不是iframe。我将iframe更改为object，

<object data="<%= request.getContextPath()%>/images/mob_empty.png" width="325px" height="560px" style= "padding-right: 85px"; id="iFrameUrl${questionId}" id="iFrameUrl${questionId}"  class="mobileDisplayIframe" frameborder="0" scrolling="no">

 </object>

如何使用模糊和焦点的iframe

2 个答案: