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>

如果我手動按我的瀏覽器設置爲全屏模式按鈕。我真的不知道爲什麼這不起作用。

坦克和問候

馬庫斯

來源

2013-08-20 Markus_DE_HH

它看起來像瀏覽器的安全保護，在用戶發起的事件之外全屏顯示可能會被瀏覽器阻止 –

檢查你的綁定代碼是在按鈕被加載後放到$（document）.ready（）函數中。 – Farhan

如果按鈕是動態的，你應該使用'.on（'click''而不是''.click（' –

是看起來像安全約束

"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

來源

2013-08-20 13:37:26 Farhan

只需使用$（ '＃triggerFullscreen'）。觸發器（ 'click'，true）;

來源

2013-08-20 13:39:53 ShapCyber

onclick事件觸發器無法正常工作

回答

相關問題