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

visit type:

Tip revision: 7ca7cb4a359d31546505db3b4eb7feb90e69fa4a authored by Marijn Kruisselbrink on 24 May 2018, 23:04:36 UTC
[Mojo Blob URLs] Handle more navigation cases.

Tip revision: 7ca7cb4

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