Go fullscreen on any browser with one line of code
Raw size (fullscr.js) => 1.41 kB
Zipped size (fullscr.js) => 0.6 kB
npm i fullscr
↪ CDN Links:
fullscr.enableOnEvent('button', 'click');
fullscr.enableOnEvent() can take in 4 arguments. They are:
fullscr.enableOnEvent('button', 'click', 'div', () => {
console.log('Fullscreen is not supported!');
});
In the above example,
'button' represents element event will get added to'click' represents the event'div' represents element that will get fullscreened() => {...} represents code that will run if fullscreen is not supportedfullscr.enable();
fullscr.enable()fullscr.enable(null, () => {
console.log('Fullscreen is not supported!')
});
null means that it will make the entire website fullscreen.
fullscr.enable('div');
fullscr.disable();
You don't need to provide an element to disable fullscreen on as fullscreen can't be enabled for multiple elements.
fullscr.disable()fullscr.disable(() => {
console.log('Fullscreen is not supported!')
});
fullscr.toggle();
This will enable fullscreen if fullscreen is not enabled and disable fullscreen if it is enabled.
Like fullscr.enable() you can toggle fullscreen for any element.
fullscr.toggle('div');
console.log(fullscr.isEnabled);
Will return true if there is an element which is fullscreen otherwise false
console.log(fullscr.isAllowed);
console.log(fullscr.element);
fullscr.on('change', () => {
console.log('Fullscreen changed!');
});
Available events for fullscreen are:
fullscr.off('change', myEvent);
fullscr.onchange(() => {
console.log('Fullscreen changed!');
});
fullscr.onerror(() => {
console.log('An error occured!');
});
<body>
<button>Fullscreen</button>
<script type="module">
import fullscr from 'https://cdn.jsdelivr.net/npm/fullscr@1.0.2/fullscr.js';
fullscr.enableOnEvent('button', 'click');
</script>
</body>
FAQs
Go fullscreen on any browser with one line of code
The npm package fullscr receives a total of 1 weekly downloads. As such, fullscr popularity was classified as not popular.
We found that fullscr demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
OpenAI rotated macOS signing certificates after a malicious Axios package reached its CI pipeline in a broader software supply chain attack.
Security News
Open source is under attack because of how much value it creates. It has been the foundation of every major software innovation for the last three decades. This is not the time to walk away from it.
Security News
Socket CEO Feross Aboukhadijeh breaks down how North Korea hijacked Axios and what it means for the future of software supply chain security.