javascript keylogger

Pure JS, no JQuery The goal is to create [login to view URL] file that will do the following You can include it in any exitsing webpage <script src=”[login to view URL]”></script> There are 2 manners to init it: In input type=”text” or textarea as propriety <input type=”text” id =”input1” keylogger”> <input type=”text” id =”input2””> <textarea id=”textarea1”></textarea> <script> keylogger[“input2”,”textarea1”] </script> Then the script will spy the input or textarea and will store on each keypress Ex: an user types in “hello”: {session:1, inputid:’#input2’, time: 0, dif: ‘+h’} {session:1, inputid:’#input2’, time: 120, dif: ‘+e’} {session:1, inputid:’#input2’, time: 1500, dif: ‘+l’} {session:1, inputid:’#input2’, time: 1900, dif: ‘+l’} {session:1, inputid:’#input2’, time: 3500, dif: ‘+o’} session: just a number (ex: 1) inputid: is the input id time : is the time in milliseconds where change occurs dif: is the text difference storage. Save (ajax post) these datas to mysql database The difficulty would be : store the difference of texts between 2 keypress: Ex: an user deletes some text or put the cursor in middle on text and inserts a char Some interesting “text difference” libraries: Ex: [login to view URL] Since input make be long (many kilos), we cannot store the whole value of the input, but only the text differences between 2 keystrokes. Second PART Then once we have the data saved, we should be able to “play it back” including the time changes, by loading the session data (ex: session1) So if the input takes 10 seconds, it should least 10 second on playBack as well $(“#input1”).val(getText(dif))); Also include a slider so user can move inside timeline ex: So if the input takes 90 seconds, it should least 90 second on playBack; however user can move with his slider directly to second; 45 or second 90.