Как я могу сделать холст HTML5 в полноэкранном режиме?

Question

Я видел десятки уроков на этом, и это кажется прямым. Все, что я хочу, - это сделать мой элемент canvas HTML5 полным полноэкранным (как в полном полноэкранном режиме, взяв весь монитор).

Вот мой HTML:

<p><canvas id="screen" width="800" height="500" 
    style="background: #FFFFFF; border: 5px solid black;" role="img"> 
     Your browser does not support the canvas element. 
</canvas></p> 

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p> 

Вот мой Javascript (в файле собственных .js):

function goFullScreen(){ 
    var canvas = document.getElementById("screen"); 
    if(canvas.requestFullScreen) 
     canvas.requestFullScreen(); 
    else if(canvas.webkitRequestFullScreen) 
     canvas.webkitRequestFullScreen(); 
    else if(canvas.mozRequestFullScreen) 
     canvas.mozRequestFullScreen(); 
} 

Я тестировал функцию; он вызывается и один из трех ifs (а именно, поскольку я использую Firefox, mozRequestFullScreen) вызывается. Мой браузер открывает его на каждой демонстрационной версии, которую я тестировал, но не в моем собственном коде.

Какая недостающая переменная? Должно быть, у Гугль буквально все звенья, которые упоминают об этом, и все еще ничего. Благодарю.

Answer 1

Хорошо, я нашел проблему. Это не работает:

<p><a href="javascript:goFullScreen();">Go Fullscreen</a></p> 

Это работа:

<p><button onclick="goFullScreen();">Go Fullscreen</button></p> 

Да ... 3 часа спустя.