Question

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

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

此帖

How to expose IFrame's DOM using jQuery? 非常有帮助。

Answer 1

如果iFrame位于同一个域中，您只能执行您要执行的操作。

否则浏览器会阻止它。

iframe，jquery按键

1 个答案: