click-cancel.html (1154B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Default action is canceled if the click event is canceled.</title> 6 <link rel="help" href="https://w3c.github.io/uievents/#events-clickevent-event-order"> 7 <script src="/resources/testharness.js"></script> 8 <script src="/resources/testharnessreport.js"></script> 9 <script src="/resources/testdriver.js"></script> 10 <script src="/resources/testdriver-vendor.js"></script> 11 </head> 12 <body> 13 <input type="checkbox" id="checkbox">Check me!<br> 14 <button type="button" id="button">Button</button> 15 <script> 16 async_test(function(t) { 17 var box_clicked = false; 18 19 var box = document.getElementById("checkbox"); 20 box.addEventListener("click", function(event) { 21 box_clicked = true; 22 event.preventDefault(); 23 }); 24 25 var button = document.getElementById("button"); 26 button.addEventListener("click", t.step_func_done(function() { 27 assert_true(box_clicked); 28 assert_false(box.checked); 29 })); 30 31 test_driver.click(box).then(function() { 32 return test_driver.click(button); 33 }).catch(t.unreached_func("click failed")); 34 }); 35 </script> 36 </body> 37 </html>