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
