asyncfunction(){constelement=document.querySelector('some element');awaittoggleFullscreen(element);awaitotherFunc();}

Install

npm install --save toggle-fullscreen

API

toggleFullscreen(target) ⇒Promise<>

vartarget=document.querySelector('#target');toggleFullscreen(target);

$('#target').on('click',event=>{toggleFullscreen(event.target);});

fullscreenChange(callback) ⇒Promise<>

fullscreenChange(function(){console.log('switch fullscreen');});

isFullscreen() ⇒Boolean

if(isFullscreen()){console.log('fullscreen is active');}else{console.log('fullscreen is not active');}

Example

importtoggleFullscreen,{fullscreenChange,isFullscreen,}from'toggle-fullscreen';onChangeFullScreen=()=>{constelement=document.getElementById('something');toggleFullscreen(element).then(()=>{returnfullscreenChange(()=>{constisFullScreen=isFullscreen();if(isFullScreen){// any process in fullscreen mode// e.g.document.addEventListener('keydown', keydownFunction);}else{// any process in non-fullscreen mode// e.g.document.removeEventListener('keydown', keydownFunction);}});}).then(()=>{console.log('successed!');}).catch(()=>{console.log('failed!');});};

importtoggleFullscreen,{fullscreenChange,isFullscreen,}from'toggle-fullscreen';onChangeFullScreen=()=>{// target elementconstelement=document.getElementById('something');// callback function when fullscreen change is detected.constcallback=()=>{constisFullScreen=isFullscreen();this.setState({isFullScreen:isFullScreen});if(isFullScreen){document.addEventListener('keydown',this.keydownEvent);element.style.width='70%';}else{document.removeEventListener('keydown',this.keydownEvent);element.style.width='100%';}};// execute toggle-fullscreen and add listener when fullscreen change detected asynchronouslyPromise.all([toggleFullscreen(element),fullscreenChange(callback)]);};

importtoggleFullscreen,{fullscreenChange,isFullscreen,}from'toggle-fullscreen';onChangeFullScreen=async()=>{constelement=document.getElementById('something');awaittoggleFullscreen(element);awaitfullscreenChange(()=>{constisFullScreen=isFullscreen();if(isFullScreen){// any process in fullscreen mode// e.g.document.addEventListener('keydown', keydownFunction);}else{// any process in non-fullscreen mode// e.g.document.removeEventListener('keydown', keydownFunction);}});console.log('successed!');};

consttoggleFullscreen=require('toggle-fullscreen');onChangeFullScreen=function(){constelement=document.getElementById('something');toggleFullscreen(element,function(isFullScreen){if(isFullScreen){// any process in fullscreen mode// e.g.document.addEventListener('keydown', this.keydownEvent);}else{// any process in non-fullscreen mode// e.g.document.removeEventListener('keydown', this.keydownEvent);}});};

Support

License