I've defined the following two span elements: 1) element inside a contenteditable div. 2) contenteditable element.
So far, I can't get the onkey events to fire for my first case (). For the second one () which is not inside a contenteditable div, these events fire fine.
Does anybody knows why?
Here's the example code:
<div id='editor' contenteditable>
div contents...
<span id='span1' style="background-color:red" onkeyup='alert("span1 keyup");' onkeypress='alert("span1 keypress");' onkeydown='alert("span1 keydown");'>Hello</span>
</div>
<span contenteditable id='span2' style="background-color:yellow" onkeyup='alert("span2 keyup");' onkeypress='alert("span2 keypress");' onkeydown='alert("span2 keydown");'>World</span>
See Question&Answers more detail:os