JavaScript events of contenteditable DIV

Asked Feb 15 '15 at 11:37

Active Feb 15 '15 at 12:01

Viewed 62 times

I'm building a website where you can post a message to the forum. First I had a <textarea> where the user could type their post, but I wanted a rich text editor. I stumbled upon the contenteditable-property which I am now using. But instead of a <textarea> it is a <div>.

I want to show the user a preview of what's being posted, just as I see now while I am typing this question. For the <textarea> I used the JavaScript-events onkeyup and onkeypress, but that doesn't seem to work for a <div>.

Now is my question, how would I go about tracking changes in the innerHTML of the <div>? I don't want to use jQuery for this, just JavaScript.

EDIT// Okay, this is embarrassing. onkeyup and onkeypress just work for divs, but I had a typo in the getElementById-id.

edited Feb 15 '15 at 12:01

asked Feb 15 '15 at 11:37

Jeroen

2,011
2
26
50

1

`Onkeyup` and `onkeypress` should work for a div element. – Mouser Feb 15 '15 at 11:48
Mouser is correct. Key events definitely work for contenteditable elements. – Tim Down Feb 15 '15 at 11:56
Yes, you are right. It wasn't working because I had a type in my code, see the edit. Anyway, thanks for helping and pointing it out! – Jeroen Feb 15 '15 at 12:02

JavaScript events of contenteditable DIV

0 Answers0