Hi,
I am intercepting the return key in edit mode and adding a <br> in the
cursor position, but the first time I press the return key at the end of the
text it doesn't move the cursor after the inserted br. Any help is really
appreciated, this is the source code (tested on Safari):
---------- o ----------
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<script language='javascript' type='text/javascript'>
document.body.contentEditable = true;
document.designMode = 'on';
function onKeyPress(ev) {
console.log('Key Pressed');
if(ev.keyCode==13) {
insertBR();
ev.preventDefault();
}
}
document.addEventListener('keypress', onKeyPress);
function insertBR()
{
var s = window.getSelection();
var r = s.getRangeAt(0);
var br = document.createElement('br');
r.insertNode(br);
var newRange = document.createRange();
newRange.setStartAfter(br);
newRange.setEndAfter(br);
s.removeAllRanges();
r.detach();
s.addRange(newRange);
}
</script>
<div>Here is the place to play.</div>
</body>
</html>
---------- o ----------
Thanks,
Diego
_______________________________________________
webkit-dev mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev
