HTML DOM fullscreenerror Event
Last Updated :
30 Jun, 2023
The HTML DOM fullscreenerror event occurs when an element can not be viewed in full-screen mode, even if it has been requested.
Use the element.requestFullscreen() method to view an element in fullscreen mode and the element.exitFullscreen() method to cancel fullscreen mode.
Supported Tags
- It supports all HTML elements.
Syntax:
<element onfullscreenerror="myScript">
object.onfullscreenerror = function(){myScript};
- In JavaScript, using the addEventListener() method:
object.addEventListener("fullscreenerror", myScript);
Using prefixes for cross-browser code:
document.addEventListener("fullscreenerror", function() {
...
});
document.addEventListener("mozfullscreenerror", function() {
...
});
- Chrome, Safari, and Opera:
document.addEventListener("webkitfullscreenerror", function() {
...
});
document.addEventListener("msfullscreenerror", function() {
...
});
Example: Display an alert message if an element can not be viewed in fullscreen mode:
HTML
<!DOCTYPE html>
< html lang = "en" >
< head >
< title >
HTML DOM fullscreenerror Event
</ title >
</ head >
< body >
< div id = "myDiv" ></ div >
< script >
const req =
document.querySelector('div');
req.addEventListener(
'fullscreenerror', (event) => {
console.error(
'an error occurred changing into fullscreen');
});
req.requestFullscreen();
</ script >
</ body >
</ html >
|
Output:
an error occurred changing into fullscreen
Supported Browsers: The browsers supported by HTML DOM fullscreenerror Event are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Apple Safari
- Opera
Share your thoughts in the comments
Please Login to comment...