[英]webkitRequestFullscreen works, but pops right back
I'm trying to implement a button that will make the page go full screen.我正在尝试实现一个按钮,该按钮将使页面 go 全屏显示。
When clicking the button, the page goes full screen but only for a split second and then it pops right back to the way it was.单击该按钮时,页面会全屏显示,但只有一瞬间,然后它会立即弹回原来的样子。 There are no errors in the browser console (via Chrome).
浏览器控制台中没有错误(通过 Chrome)。
Here's my JS code:这是我的 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();
}
}
}
Here's my HTML:这是我的 HTML:
<div id="parent">
<div id="child">
<button onclick="enterFullscreen()">Toggle fullscreen</button>
</div>
</div>
Found my problem... I needed to add return false;
发现我的问题...我需要添加
return false;
in the button click event:在按钮单击事件中:
<button onclick="enterFullscreen(); return false;">Toggle fullscreen</button>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.