Content - 88db98d59132c08bf5ae455fc0593691c82a32e2 - ee45863/uievents/interface/click-event-manual.htm

visit type:

Tip revision: c4742caa9ad8c4b4a00ded7c4dac2a1e1563cb4b authored by L. David Baron on 02 April 2018, 19:01:11 UTC
Sync Mozilla tests as of https://hg.mozilla.org/mozilla-central/rev/c44f60c43432d468639b5fe078420e60c13fd3de .

Tip revision: c4742ca

click-event-manual.htm

<!doctype html>
<html>
  <head>
    <title>Click event is a MouseEvent</title>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <style>#clicktarget { width: 100px; height: 100px; background-color: red; }</style>
  </head>
  <body>
    <div id='clicktarget'>Click in this box.</div>
    <div id="log"></div>
    <script type="text/javascript">
var t = async_test('click event generated from user action "click" is a MouseEvent');
document.querySelector("#clicktarget").addEventListener('click', t.step_func(function (e) {
    assert_equals(e.constructor, window.MouseEvent);
    document.querySelector("#clicktarget").style.backgroundColor = "green";
    t.done();
}));
    </script>
  </body>
</html>

Browse the archive

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