LayoutTests/fast/events/div-focus.html

   1 <div> This test checks that non-form-control elements connect onfocus
   2 and onblur to the focus and blur events, which do not bubble, not
   3 DOMFocusIn and DOMFocusOut, which do bubble. focus and blur should
   4 show up once each below.
   5
   6 <div id="console">
   7 </div>
   8
   9 <script>
  10 if (window.testRunner)
  11     testRunner.dumpAsText();
  12
  13 function log(str)
  14 {
  15     document.getElementById("console").innerHTML += str + '<br>';
  16 }
  17 </script>
  18
  19 <div id="container" tabindex="-1" contentEditable="true" onfocus="log('focus')" onblur="log('blur')">
  20 Text
  21 <input id="input" type="text">
  22 </div>
  23
  24 <script>
  25 document.getElementById("input").focus();
  26 document.getElementById("input").blur();
  27 document.getElementById("container").focus();
  28 document.getElementById("container").blur();
  29 </script>
  30