Undo Features

Add text after click on button and undo features in textarea by pressing ctrl+z

by Tonmoy Nandy

HTML

<div id="text-content">
<textarea rows="10" cols="50"></textarea>
<input type="button" name="Insert" value="Insert" />
</div>

JavaScript

var oldText = [],ctrl=false;
$(function(){
   $("input[name=Insert]").click(function(){
     var text = oldText.length+1;
     oldText.push(text);
     
     var textAreaText = $('textarea').val();
     textAreaText +=text;
      $('textarea').val(textAreaText);
       $("input[name=insertText]").val('');
   });
   $('textarea').keydown(function(e){
   				if(e.which == 17){ ctrl = true;}
           
   })
   $('textarea').keyup(function(e){
   				
   				var c = e.which;
          if(c == 17){ ctrl = false;}
          if(ctrl==true && c==90 ){
          	oldText.pop(); 
            var text = '';
           $.each(oldText,function(i,ele){
             text += ele;
           });
           $('textarea').val(text);
          }
   })
})