Skip to content

Instantly share code, notes, and snippets.

@foolip
Created June 26, 2017 09:43
Show Gist options
  • Save foolip/47ee26fa3d6463f5ca3edc364d915beb to your computer and use it in GitHub Desktop.
Save foolip/47ee26fa3d6463f5ca3edc364d915beb to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<div>
<button>enter once</button>
<div>
<button>enter twice</button>
<div>
<button>remove</button>
</div>
</div>
</div>
<script>
document.addEventListener('click', function(event) {
if (event.target.localName != 'button')
return;
if (event.target.textContent.startsWith('enter')) {
try {
event.target.nextElementSibling.requestFullscreen();
} catch(e) {
event.target.nextElementSibling.webkitRequestFullscreen();
}
} else {
console.log(document.fullscreenElement);
try {
document.fullscreenElement.remove();
} catch(e) {
document.webkitFullscreenElement.remove();
}
console.log(document.fullscreenElement);
}
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment