Source code

Revision control

Copy as Markdown

Other Tools

<!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>