Javascript webkitRequestFullscreen可以工作，但会立即弹出

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

单击按钮时，页面将全屏显示，但仅在一瞬间，然后右键返回到原来的状态。浏览器控制台中没有错误（通过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>

全屏切换

找到了我的问题。。。我需要添加

返回false在按钮单击事件中：

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

全屏切换