Home | History | Annotate | Download | only in manual-tests
      1 <body onload="setup()">
      2 <p>cmd+b and cmd+i should generate a keydown event in contentEditable fields.  Also, calling
      3 preventDefault() in the keydown event should cancel the text styling.</p>
      4 
      5 <div contentEditable id="test" style="border: 1px solid; padding: 4px;">
      6 This is some sample text.<br><br><br><br>
      7 </div>
      8 <div>
      9 <input type="checkbox" id="disable"><label for="disable">preventDefault() in keydown</label>
     10 </div>
     11 <div id="log"></div>
     12 
     13 <script>
     14 function setup()
     15 {
     16     var test = document.getElementById("test");
     17     test.addEventListener("keydown", keydown, false);
     18 
     19     var selection = window.getSelection();
     20     selection.setPosition(test, 0);
     21     selection.modify("extend", "forward", "sentence");
     22     test.focus();
     23 }
     24 
     25 function log(msg)
     26 {
     27     var log = document.getElementById("log");
     28     log.innerHTML += "<br>" + msg;
     29 }
     30 
     31 function keydown(event)
     32 {
     33     log("keydown");
     34     if (document.getElementById("disable").checked)
     35         event.preventDefault();
     36 }
     37 </script>
     38 </body>
     39