0

我想知道为什么我的代码不起作用，任何帮助表示赞赏。

当我点击转义键时，我想将以下 css 应用于 iframe，当从同一个域（它在服务器上，而不是在远程服务器上）动态加载时 iframe 具有焦点。

        $("document").on("keyup", $('#tiny-iframe').contentWindow.document , (function(e) {
            if (e.keyCode == 27) {
                    $('#full-pres, #tiny-iframe').css({
                            "width": "400px",
                            "min-width": "350px",
                            "position": "relative",
                            "height":"240px"
                    });
            }
        });

此 HTML 是 iframe html：

            <!doctype html>
              <html>
            <head>
                <meta name='viewport' content='width=1024'/>   
                <title>Presentation Impress</title>
                <meta http-equiv='Content-Type' content='text/html; charset=UTF-8'> 
                <style> p {font-size:70px;}
                </style>
            </head>
            <body>  
                 <div id='jmpress'>
                  <div id='impress'>
                    <div id='first' class='step ' data-x='0' data-y='0'>
                     <p >Première acétate. </p>
                    </div>
                  </div>
                 </div>
        <script type='text/javascript' src='/static/javascripts/impress.js'> </script>     
                <script>impress().init();</script>
            </body>
        </html>

进入 div#tiny-iframe，它位于我的主 html 页面中的 div#full-pres 中。上面的代码是通过 ajax 加载的。

这个帖子

如何使用 jQuery 公开 IFrame 的 DOM？ 很有帮助。

4

1 回答 1

0

如果 iFrame 在同一个域中，您只能执行您正在尝试执行的操作。

否则浏览器会阻止它。

于 2013-07-15T19:07:21.250 回答