Content - 4515ebabcbd3dfef30b89512609078b7d89a2a92 - 198e2ed/pointerlock/mouse_buttons_back_forward-manual.html

visit type:

Tip revision: 7c6c6afac5e1f9ed9cae1159c3f8a58ad27ff9b8 authored by Philip Jägenstedt on 20 December 2018, 21:19:07 UTC
Trigger full Taskcluster run

Tip revision: 7c6c6af

mouse_buttons_back_forward-manual.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>Mouse Button Back/Forward</title>
        <link rel="author" title="Google" href="http://www.google.com/" />
        <script src="/resources/testharness.js"></script>
        <script src="/resources/testharnessreport.js"></script>
        <script>
            var testMouseUp = async_test('Tests that when pointer is locked, the mouseup is preventable.');
            var received_back = false;
            var received_forward = false;
            const left_button = 0;
            const back_button = 3;
            const forward_button = 4;
            window.addEventListener('mouseup', function(e) {
              if (e.button == left_button) {
                document.body.requestPointerLock();
              } else if (e.button == back_button) {
                received_back = true;
                e.preventDefault();
              } else if (e.button == forward_button) {
                received_forward = true;
                e.preventDefault();
              }
              if (document.pointerLockElement && received_back && received_forward) {
                testMouseUp.done();
                document.exitPointerLock();
              }
            });

        </script>

    </head>
    <body id="target">
        <h4>Test Description: Tests that the mouseup event is prevented.
            <ol>
                <li>Click the left mouse button to lock pointer</li>
                <li>Click the back mouse button</li>
                <li>Click the back mouse forward</li>
            </ol>
        </h4>
    </body>
</html>

Browse the archive

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