Question

在我的应用程序中，我想调整iframe的大小，因为单击“全屏”按钮，iframe占据全屏，在“Esc”键上，它将进入原始大小。

Answer 1

如果您的意思是“超出浏览器窗口”的全屏，则无法以编程方式进行。以前它在IE 4/5中是可能的，但是出于安全原因已经被放弃了。

Answer 2

以这种方式处理 ESC 按钮：

显示窗口时应该没有处理程序。

当用户点击全屏时，应执行此代码以处理 ESC 键：

$(document).bind("keydown", function (e) {
    if (e.which === 27)
    {
        e.preventDefault();
        $(this).unbind(e);
        /* restore window size */
    }
});

当用户点击 ESC 处理程序解除绑定 ESC 处理时，如上部代码所示，并将窗口的大小恢复正常。< / p>

Answer 3

我使用下面的代码来全屏iframe但是escape不能用于此。在clicling按钮上使用全屏iframe的其他方法吗？

<iframe name='myiframe' id='frame' src=http://stackoverflow.com' style='position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:999'frameborder='no'></iframe>

iframe使用esc调整大小和关闭

3 个答案: