1<body onload="setup()">
2<p>cmd+b and cmd+i should generate a keydown event in contentEditable fields.  Also, calling
3preventDefault() in the keydown event should cancel the text styling.</p>
4
5<div contentEditable id="test" style="border: 1px solid; padding: 4px;">
6This 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>
14function 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
25function log(msg)
26{
27    var log = document.getElementById("log");
28    log.innerHTML += "<br>" + msg;
29}
30
31function keydown(event)
32{
33    log("keydown");
34    if (document.getElementById("disable").checked)
35        event.preventDefault();
36}
37</script>
38</body>
39