1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
content / test / data / accessibility / fullscreen / links.html [blame]
<!DOCTYPE html>
<a href="/">link before target</a>
<div id="target">
<button>Enter fullscreen</button>
<a href="/">link inside target</a>
</div>
<a href="/">link after target</a>
<script>
const target = document.getElementById('target');
const button = document.querySelector('button');
button.addEventListener('click', function() {
target.webkitRequestFullscreen();
});
document.onwebkitfullscreenchange = function() {
button.setAttribute('aria-label', 'Done');
}
</script>