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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...