click-event-manual.htm (770B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Click event is a MouseEvent</title> 5 <script src="/resources/testharness.js"></script> 6 <script src="/resources/testharnessreport.js"></script> 7 <style>#clicktarget { width: 100px; height: 100px; background-color: red; }</style> 8 </head> 9 <body> 10 <div id='clicktarget'>Click in this box.</div> 11 <div id="log"></div> 12 <script type="text/javascript"> 13 var t = async_test('click event generated from user action "click" is a MouseEvent'); 14 document.querySelector("#clicktarget").addEventListener('click', t.step_func(function (e) { 15 assert_equals(e.constructor, window.MouseEvent); 16 document.querySelector("#clicktarget").style.backgroundColor = "green"; 17 t.done(); 18 })); 19 </script> 20 </body> 21 </html>