How to handle undo/redo event in javascript?

Question

I\'m trying to detect whenever a form input\'s value changes using Javascript & JQuery. Unfortunately, I find JQuery\'s $(elem).change() insufficient becaus

Answer 1

I created a state undo/redo snapshot manager class, which would be great for tracking the change history on an entire HTML element with child inputs. If you want to take snapshots on a more granular level, you can bind on keypress events instead of the change events I used in my example.

  

     Undo
     Redo
  
  


  

     
        Input1:
        
     
     


     
        Input2:
        
     
     


     
        Input3:
        
     
     


     
        Input4:
        
     
     


  

  

See this JSFiddle: https://jsfiddle.net/up73q4t0/56/