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

visit type:

Tip revision: fda5b2f7c785b32ad563e3bf0c28e407d0199bad authored by Florian Rivoal on 30 March 2018, 04:19:15 UTC
[css-align] Fix typo and clean-up markup

Tip revision: fda5b2f

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