我试图自动将浏览器设置为全屏模式。onclick事件触发器无法正常工作
这是我的jQuery代码。
function ActivateFullScreen() {
var docElm = document.documentElement;
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
} else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
} else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
}
//绑定点击数事件,我的按钮
$('#triggerFullscreen').click(function() {
ActivateFullScreen();
});
//没有这些作品。
$('#triggerFullscreen').click();
$('#triggerFullscreen').trigger('click');
ActivateFullScreen();
//我的按钮
<button id="triggerFullscreen" ></button>
如果我手动按我的浏览器设置为全屏模式按钮。 我真的不知道为什么这不起作用。
坦克和问候
马库斯
它看起来像浏览器的安全保护,在用户发起的事件之外全屏显示可能会被浏览器阻止 –
检查你的绑定代码是在按钮被加载后放到$(document).ready()函数中。 – Farhan
如果按钮是动态的,你应该使用'.on('click''而不是''.click(' –