LayoutTests/fast/events/no-blur-on-enter-button.html

   1 <html>
   2 <head>
   3     <script>
   4     function log(s)
   5     {
   6         document.getElementById('console').appendChild(document.createTextNode(s + "\n"));
   7     }
   8
   9     var inputBlurFired = false;
  10     var buttonBlurFired = false;
  11
  12     function test() {
  13         if (window.layoutTestController)
  14             layoutTestController.dumpAsText();
  15
  16         // hit enter
  17         var bt = document.getElementById('i_bt');
  18         bt.focus();
  19         var enterEvent = document.createEvent("KeyboardEvents");
  20         enterEvent.initKeyboardEvent("keypress", true, false, window, "Enter", 0, false, false, false, false, false);
  21         bt.dispatchEvent(enterEvent);
  22
  23         if (inputBlurFired)
  24             log('Test 1 Failed.  Blur fired when hitting ENTER for input type=button element');
  25         else
  26             log('Test 1 Passed.');
  27
  28         bt = document.getElementById('b_bt');
  29         bt.focus();
  30         var enterEvent2 = document.createEvent("KeyboardEvents");
  31         enterEvent2.initKeyboardEvent("keypress", true, false, window, "Enter", 0, false, false, false, false, false);
  32
  33         bt.dispatchEvent(enterEvent2);
  34
  35         if (buttonBlurFired)
  36             log('Test 2 Failed.  Blur fired when hitting ENTER for button element');
  37         else
  38             log('Test 2 Passed.');
  39     }
  40     </script>
  41 </head>
  42 <body onload="test()">
  43     <p>This test verifies that the ENTER key does not fire the blur event for input type="button" and button elements.</p>
  44     <hr>
  45     <input id="i_bt" type="button" name="InputButtonElement" onblur="inputBlurFired = true;"></input>
  46     <button id="b_bt" type="button" name="ButtonElement" onblur="buttonBlurFired = true;"></button>
  47
  48     <pre id="console"></pre>
  49 </body>
  50 </html>