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