1234567891011121314151617181920212223242526272829303132333435363738 |
- <body onload="setup()">
- <p>cmd+b and cmd+i should generate a keydown event in contentEditable fields. Also, calling
- preventDefault() in the keydown event should cancel the text styling.</p>
- <div contentEditable id="test" style="border: 1px solid; padding: 4px;">
- This is some sample text.<br><br><br><br>
- </div>
- <div>
- <input type="checkbox" id="disable"><label for="disable">preventDefault() in keydown</label>
- </div>
- <div id="log"></div>
- <script>
- function setup()
- {
- var test = document.getElementById("test");
- test.addEventListener("keydown", keydown, false);
- var selection = window.getSelection();
- selection.setPosition(test, 0);
- selection.modify("extend", "forward", "sentence");
- test.focus();
- }
- function log(msg)
- {
- var log = document.getElementById("log");
- log.innerHTML += "<br>" + msg;
- }
- function keydown(event)
- {
- log("keydown");
- if (document.getElementById("disable").checked)
- event.preventDefault();
- }
- </script>
- </body>
|