LayoutTests/fast/forms/access-key.html

   1 <html>
   2 <head>
   3 <script>
   4 function log(message)
   5 {
   6     var item = document.createElement("li");
   7     item.appendChild(document.createTextNode(message));
   8     document.getElementById("console").appendChild(item);
   9 }
  10 function pressKey(key)
  11 {
  12     var event = document.createEvent("KeyboardEvent");
  13     if (navigator.userAgent.search(/\bMac OS X\b/) != -1)
  14         event.initKeyboardEvent("keydown", true, true, document.defaultView, key, 0, true, false, false, false, false);
  15     else
  16         event.initKeyboardEvent("keydown", true, true, document.defaultView, key, 0, false, true, false, false, false);
  17     document.dispatchEvent(event);
  18 }
  19 function test()
  20 {
  21     if (window.layoutTestController)
  22         layoutTestController.dumpAsText();
  23
  24     for(i = 1; i <= 9; i++) {
  25         pressKey(i);
  26     }
  27     pressKey("a");
  28     pressKey("b");
  29     pressKey("c");
  30     pressKey("d");
  31 }
  32 </script>
  33 </head>
  34 <body onload="test()">
  35 <p>This test checks to see if accesskey attributes works on the specified elements.</p>
  36 <p>If this test passes you should see 1 - 9 and a, b and c clicked or focussed.</p>
  37 <hr>
  38 <p>
  39 <button accesskey="1" onclick="log('1 button clicked')"></button>
  40 <input type="button" value="Click me!" accesskey="2" onfocus="log('2 input type button focussed')"/>
  41 <input type="checkbox" accesskey="3" onfocus="log('3 input type checkbox focussed')"/>
  42 <input type="text" accesskey="4" onfocus="log('4 input type text focussed')"/>
  43 <input type="submit" accesskey="5" onfocus="log('5 input type submit clicked')"/>
  44 <input type="reset" accesskey="6" onfocus="log('6 input type reset clicked')"/>
  45 <a href="#" accesskey="7" onclick="log('7 link clicked')"></a>
  46 <fieldset><legend accesskey="8"></legend><input type="text" onfocus="log('8 input type associated to legend focussed')"/></fieldset>
  47 <label accesskey="9" for="test1"><input type="text" id="test1" onfocus="log('9 input type associated to label around input focussed')"/></label>
  48 <label accesskey="a" for="test2"></label><input type="text" id="test2" onfocus="log('a input type associated to label closed before input focussed')"/>
  49 <map name="mymap">
  50     <area accesskey="b" shape="rect" coords="0,0,5,10" alt="" href="#" onclick="log('b area 1 clicked')">
  51     <area accesskey="c" shape="rect" coords="6,0,10,10" alt="" href="#" onclick="log('c area 2 clicked')">
  52 </map>
  53 <img usemap="#mymap" alt="pic" src="#" height="10" width="10"/>
  54 </p>
  55 <hr>
  56 <ol id="console"></ol>
  57 </body>
  58 </html>