Content - 71b9eb693713556a7cf263c8a9cc00880e57758c - 4a1837f/pointerlock/pointerlock_remove_target_on_mouseup-manual.html

visit type:

Tip revision: 017de5e2eb6f68de296052e957a72417e2aa13f4 authored by Hwanseung Lee on 20 March 2018, 00:47:12 UTC
[css-typed-om] support pointer-events property

Tip revision: 017de5e

pointerlock_remove_target_on_mouseup-manual.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Remove PointerLock target on mouseup</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<p>Click anywhere to run the test. If a "PASS" result appears the test passes, otherwise it fails</p>
<div id="target"></div>
<script>
async_test(t => {
    const target = document.getElementById('target');
    document.addEventListener('mousedown', t.step_func(() => {
        target.requestPointerLock();
        document.addEventListener('mouseup', t.step_func(() => {
            target.remove();
            assert_true(document.pointerLockElement === null, 'Pointer lock exited!');
            t.done();
        }));
    }));
})
</script>

Browse the archive

https://github.com/web-platform-tests/wpt