Sistema de Busca Ajax

Olá, tenho um sistema de busca no meu site, quando vou digitar ele no formulário automaticamente ele exibe o resultado (EXCELENTE - quero q permaneça assim), mas quando eu clico na TECLA ENTER ele limpa a tela (Não EXIBE RESULTADO NENHUM) gostaria de ter 3 funções

1ª Exibir automaticamente

2ª Clicando no ENTER

e

3ª clicar no botao de Buscar!

_________________________________________________________________________________________

Index.php

<!-- Formulario -->

	<div id="formulario" >
 <form action="" method="get" enctype="multipart/form-data" accept-charset="iso-8859-1,utf-8">
 <input type="text" name="q" onKeyPress="busca();" placeholder="  Busque Videos Aulas" id="q"/>
 <input type="submit" onKeyPress="busca();" id="q" value=""/>
 </form>
	</div>
</div>

<!-- Fim do Formulario --> busca.js

function openAjax(){
	var ajax;

try{
ajax = new XMLHttpRequest();
}catch(erro){
try{

 ajax = new ActiveXObject("Msxl2.XMLHTTP");
	}catch(ee){
 try{
 ajax = new ActiveXObject("Microsoft.XMLHTTP");
 }catch(e){
 ajax = false;
 }
	}
}
return ajax;

}//instancia dinamicamente o objecto xmlhttp

function busca(){

	if(document.getElementById){
 var termo = document.getElementById('q').value;
 var exibeResultado = document.getElementById('exibe');

 if(termo !== "" && termo !== null && termo.length >= 3){
 var ajax = openAjax();

 ajax.open("GET", "buscar.php?q="+termo, true);
 ajax.onreadystatechange = function(){
 if(ajax.readyState == 1){
 exibeResultado.innerHTML = '<p>Carregando resultados...</p>';
 }

 if(ajax.readyState == 4){
 if(ajax.status == 200){
 var resultado = ajax.responseText;
 resultado = resultado.replace(/\+/g, " ");
 resultado = unescape(resultado);
 exibeResultado.innerHTML = resultado;
 }else{
 exibeResultado.innerHTML = '<p>Ouve algum erro na requisição</p>';
 }
 }
 }
 ajax.send(null);
 }
	}
}