39 lines
982 B
HTML
39 lines
982 B
HTML
<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>
|