How to efficiently record user typing using javascript?
<p>I'd like to be able to record then playback whatever happened in a textarea.</p>

<p>I've came across some solutions but they're not reliable, Like sending each keystroke via AJAX. In that case i'll end up having millions of rows in my DB.</p>

<p>The idea that i had in mind is to log the keystrokes to a variable in client side, updating that variable with the action, but keeping track of time between each keystoke. Also making sure that it supports deleting data as well.</p>

<p>At the end i'd send this whole variable to the db one time, then i can decode it later for playback.</p>

<p>Mind Map of what the variable would look like:</p>

<pre><code>   hellooo[1.2][backspace][0.6][backspace]World![return]
Idle time __^     Removes one char __^
</code></pre>

<p>I believe that google docs is doing something like that to playback whatever users were typing.</p>

<p>Any Ideas?</p>
