agregar elementos apretando el botón enter

[fedorlatorre]

Estoy intentando hacer un formulario que recoja el texto del campo input=text
y lo inserte en una capa.
De momento el script funciona al apretar el boton de envío, pero no consigo hacerlo al apretar el boton enter.
¿Cómo puedo conseguir eso?

Pego el código abajo para que sepáis de qué hablo. Gracias por anticipado.

1) Defino una sencilla función javascript que uso más tarde para agregar el texto en el interior de la capa:

Código Javascript:

<script type="text/javascript">
 
function addElement(texto){
 
    var capa = document.getElementById("capa");
    var span = document.createElement("span");
    span.innerHTML = texto;
    capa.appendChild(span);
 
        }
 
</script>
 

2) Creo un formulario html en el que al clicar en el botón, inserta el texto en la capa:

Código HTML:

<form>
<label for=texto">Texto:</label><input id="texto" type="text"  size=40/>
<input type="button" onClick="addElement(getElementById('texto').value);" value="Añadir Elemento"/>
</form> 

?) PROBLEMA: Insertar texto dentro de la capa al apretar la tecla enter:

Se me ocurre algo así como poner

Código Javascript:

onkeypress="inserta_texto();"
 

pero no sé como debería ser esa función. ALGUNA IDEA?