jquery - 未捕获的类型错误 : Object #<HTMLElement> has no method 'webkitEnterFullScreen'

标签 jquery html fullscreen

我尝试在弹出窗口中使用 html5 全屏 api,但我不断收到此错误:

Uncaught TypeError: Object #<HTMLElement> has no method 'webkitEnterFullScreen' 

这是我的 html :

<html lang="en"><head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Negar - one</title>
        <script type="text/javascript" src="/Negar/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="/Negar/js/viewer.js"></script>
        <style type="text/css">
        #main-content{height: 100%; width: 100%; position: absolute;
            -webkit-transition: -webkit-transform 1s ease-in;
               -moz-transition: -moz-transform 1s ease-in;
                -ms-transition: -ms-transform 1s ease-in;
                    transition: transform 1s ease-in;
            }
        </style>
    </head><link rel="stylesheet" type="text/css" href="data:text/css,">

    <body>
        <section id="main-content">   some code here   </section>

</body></html>

这是我的功能:

$("#main-content").get(0).webkitEnterFullScreen();

最佳答案

进入全屏的请求可能应该由用户发出。您可以尝试这样的事情来实现您想要做的事情:

<script>
    function goFs(id) {
        var element = document.getElementById(id);

        if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.webkitRequestFullScreen) {
            element.webkitRequestFullScreen();
        }
    }
</script>

<div id="test">
    Hi there!
</div>

<button onclick="goFs('test');">Full screen?</button>

示例:http://fiddle.jshell.net/73Wus/show/

注意:我必须共享完整的 jsFiddle 页面,因为 iframe 需要特殊属性才能允许全屏,如下所示:

<iframe src="127.0.0.1" allowFullScreen></iframe>

...常用的Fiddle可以找到here .

关于jquery - 未捕获的类型错误 : Object #<HTMLElement> has no method 'webkitEnterFullScreen' ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10859045/

相关文章:

javascript - 如何获取动态克隆的表格文本框值?

jquery - 非常大的 Prestashop MySQL 查询会导致大量数据库使用

html - 使 <td> 的宽度响应外部 <div> 的宽度

javascript - 无法在页面上显示变量中的数据

ipad - 在 iPad 中旋转全屏视频时,导航栏和状态栏之间出现奇怪的重叠错误

javascript - 触发点击带有主题标签的 URL

javascript - 我可以在 jquery 中的 Option Value 中获得 2 个值吗?

javascript - 是否可以使用Jquery,Javascript,用一行代码为多个div触发 `OnMouseEnter`事件,

css - 全屏CSS布局

ios 通用应用程序只显示 3.5 英寸屏幕而不是 4 英寸屏幕