2013-08-20 50 views
0

我试图自动将浏览器设置为全屏模式。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> 

如果我手动按我的浏览器设置为全屏模式按钮。 我真的不知道为什么这不起作用。

坦克和问候

马库斯

+3

它看起来像浏览器的安全保护,在用户发起的事件之外全屏显示可能会被浏览器阻止 –

+0

检查你的绑定代码是在按钮被加载后放到$(document).ready()函数中。 – Farhan

+0

如果按钮是动态的,你应该使用'.on('click''而不是''.click(' –

回答

1

是看起来像安全约束

"To prevent embedded content from going fullscreen only embedded content specifically allowed via the allowfullscreen attribute of the HTML iframe element will be able to go fullscreen. This prevents untrusted content from going fullscreen." 

为文章全文 https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html

0

只需使用$( '#triggerFullscreen')。触发器( 'click',true);