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?

[_cronos2]

getElementById() es un método de document, no una función, así que dentro de addElement en el button tienes que poner document.getElementById(...). Lo siguiente es como dices tú, asignar una función en el onkeypress del input, y en ella compruebas si la tecla pulsada es enter o no.
Saludos (:

[masterpuppet]

Esta bien el planteamiento, te dejo una referencia, que te va a dar una idea de lo que necesitas.

Saludos.

[fedorlatorre]

Gracias a los dos. Al final lo conseguí. SAludosss!!!