Editing events for contentEditable

This is a test of what events fire when editing the contents of a HTML element which has the contentEditable="true" attribute set. The events being tracked are: copy, paste, cut, drop, focus, blur, keypress, input, textInput and DOMNodeInserted. These are the events most closely related to the editing process.

Try it out by typing, pasting or copying content into the box below

Paste, drop or type content here

Log:

Browser compatibility tables

  Firefox 4.0 Chrome 10.0 Safari 5.0 Internet Explorer 9.0 Opera 11.1
copy Yes Yes Yes Yes No
paste Yes Yes Yes Yes No
cut Yes Yes Yes Yes No
drop Yes No No Yes No
focus Yes Yes Yes Yes Yes
blur Yes Yes Yes Yes Yes
keypress Yes Yes Yes Yes Yes
input No Yes No No No
textInput No Yes Yes No No
DOMNodeInserted Yes Yes Yes Yes No

Useful Links