test/ecmascript/accesskey.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
   2         "http://www.w3.org/TR/REC-html40/strict.dtd">
   3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   4 <meta http-equiv="Content-Script-Type" content="application/ecmascript">
   5 <title>accessKey test</title>
   6 <form action="#">
   7 <p><input type="button" onclick="run()" value="Test"> <input id="result" value="not run">
   8 <input type="reset">
   9 <table>
  10 <tr><td><input id="a" accesskey="a"><td>U+0020<td>must not become "Space"
  11 <tr><td><input id="b" accesskey="b"><td>U+0025<td>ASCII punctuation
  12 <tr><td><input id="c" accesskey="c"><td>U+007A<td>ASCII letter
  13 <tr><td><input id="d" accesskey="d"><td>U+00E5<td>Latin-1
  14 <tr><td><input id="e" accesskey="e"><td>U+0161<td>Latin-9
  15 <tr><td><input id="f" accesskey="f"><td>U+3042<td>Hiragana
  16 <tr><td><input id="g" accesskey="g"><td>U+10A55<td>Kharoshthi
  17 </table>
  18 </form>
  19
  20 <script type="application/ecmascript">
  21 function run() {
  22   var form = window.document.forms[0];
  23   form.elements["result"].value = "running";
  24   var ok = true;
  25   var probe = function(element, accessKey) {
  26     element.accessKey = accessKey;
  27     if (element.accessKey != accessKey) {
  28       ok = false;
  29       element.value = "failed " + accessKey + " " + element.accessKey;
  30     } else {
  31       element.value = "passed " + accessKey + " " + element.accessKey;
  32     }
  33   }
  34   probe(form.elements["a"], " ");
  35   probe(form.elements["b"], "%");
  36   probe(form.elements["c"], "z");
  37   probe(form.elements["d"], "\u00E5");
  38   probe(form.elements["e"], "\u0161");
  39   probe(form.elements["f"], "\u3042");
  40   probe(form.elements["g"], "\uD802\uDE55");
  41   form.elements["result"].value = ok ? "passed" : "failed";
  42   return false;
  43 }
  44 </script>