Stop BackSpace key from going back in IE and Firefox

Fri, 2008-03-14 14:53 — carlos

While using AJAX some users would press the [b]backspace [/b]button on their keyboard and the browser would go back so they would loose what they where doing in the ajax refreshed page ..... the [b]SOLUTION [/b](keep reading): add the following code to the header of my masterpage:



    //code to catch the backspace and stops the back default action
 if (typeof window.event == 'undefined'){
   document.onkeypress = function(e){
 	var test_var=e.target.nodeName.toUpperCase();
 	if (e.target.type) var test_type=e.target.type.toUpperCase();
 	if ((test_var == 'INPUT' && test_type == 'TEXT') ||(test_var == 'INPUT' && test_type == 'PASSWORD')|| test_var == 'TEXTAREA'){
 	  return e.keyCode;
 	}else if (e.keyCode == 8){
 	  e.preventDefault();
 	}
   }
 }else{
   document.onkeydown = function(){
 	var test_var=event.srcElement.tagName.toUpperCase();
 	if (event.srcElement.type) var test_type=event.srcElement.type.toUpperCase();
 	if ((test_var == 'INPUT' && test_type == 'TEXT') ||(test_var == 'INPUT' && test_type == 'PASSWORD') || test_var == 'TEXTAREA'){
 	  return event.keyCode;
 	}else if (event.keyCode == 8){
 	  event.returnValue=false;
 	}
   }
 }

This solution works greate on Firefox, IE 6 and IE 7.