ManualTests/modal-dialog-blur.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head><title>
   4 Tests blur/focus events with modal dialogs
   5 </title></head>
   6 <script>
   7 var failed = "";
   8 function failBlur() {
   9   failed = "blur";
  10 }
  11 function failFocus() {
  12   failed = "focus";
  13 }
  14
  15 var inputElement;
  16
  17 function test() {
  18   inputElement = document.getElementById("i")
  19   inputElement.focus();
  20   inputElement.addEventListener("blur", failBlur, false);
  21   inputElement.addEventListener("focus", failFocus, false);
  22   window.showModalDialog("modal-dialog-blur-selfclose.html");
  23   if (failed) {
  24     document.getElementById("status").innerHTML = "FAIL, " + failed;
  25   } else {
  26     document.getElementById("status").innerHTML = "SUCCESS";
  27   }
  28 }
  29 </script>
  30 <body onload="test()">
  31 <input id="i"></input>
  32 <div id="status">RUNNING...</div>
  33 </body>
  34 </html>