javascript - webkitRequestFullscreen 有效，但立即弹出

Question

我正在尝试实现一个使页面全屏显示的按钮。

单击该按钮时，页面会全屏显示，但只有一瞬间，然后它会立即弹回原来的样子。浏览器控制台中没有错误（通过 Chrome）。

这是我的 JS 代码：

function enterFullscreen() {
   var elem = document.getElementById('parent');
   if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
   }
   else {
        if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        }
        else {
            elem.requestFullscreen();
        }
   }
}

这是我的 HTML：

<div id="parent">
    <div id="child">
        <button onclick="enterFullscreen()">Toggle fullscreen</button>
    </div>
</div>

Answer 1

发现我的问题...我需要return false;在按钮点击事件中添加：

<button onclick="enterFullscreen(); return false;">Toggle fullscreen</button>