volver a poner el cursor en un input despues de apretar enter

juancenter · #1 (**permalink**) 13/10/2012, 23:49

Hola como están

Tengo un formulario que luego de apretar Enter se borra lo escrito y aparece un texto por defecto..... Lo que quiero hacer es que después de apretar Enter ya no aparezca el texto por defecto pero si quede puesto el cursor en la caja de texto para volver a escribir y así en adelante todas las veces que se pulse Enter

Ojala me puedan ayudar, saludos y gracias.

maycolalvarez · #2 (**permalink**) 14/10/2012, 09:45

Aclaremos primero lo que pasa en realidad:

Cuando pulsa ENTER el formulario se envía, por lo tanto se envía su data a lo que establece en action (de omitirlo por defecto lo envía a la misma pagina, por lo cual recarga)

¿Donde establece ese valor por defecto?: sí es en el value de cada input, o lo elimina, o desde el servidor puede prepararlo (embebiendo)

Para volver a enfocar solo necesita desde el evento onload del body, aplicar el método focus() al input en cuestión:

Código Javascript:

Ver original<body onload="document.getElementById('id_del_input').focus();">

juancenter · #3 (**permalink**) 14/10/2012, 23:11

muchas gracias... el codigo me ha servido para orientarme ya que finalmente use algo como esto...

en el body puse la opción que me ofreció y el cursor queda en el campo seleccionado... y en el campo pongo onKeyPress="keyarticulo(event, document.venta.agrega);javascript:this.value=''"

lo que pasa es que el campo me sirve para buscar datos en la base de datos, luego de seleccionado lo envío con la la primera parte del onkey, esta me llama una función que me detecta el enter y al mismo tiempo con la segunda parte me limpia el campo, y el cursor vuelve a quedar en el campo...

la verdad es que no se si está correcto usarlo de esa forma pero hasta el momento me ha funcionado con varios navegadores sin problema..

saludos y gracias.

juancenter · #4 (**permalink**) 14/10/2012, 23:25

disculpen,

me di cuenta que no solo funciona con el enter ya que la parte para borrar la dejé fuera de la función aunque dentro del onkeypress osea que me hace la accion con cualquier tecla...

por lo mismo de no saber limpiear javascript:codigo.value='' en esta función??

function keyarticulo(oEvento, oFormulario){
var iAscii;

if (oEvento.keyCode)
iAscii = oEvento.keyCode;
else if (oEvento.which)
iAscii = oEvento.which;
else
return false;

if (iAscii == 13)
{
oFormulario.click();
}

return false;
}

muchas gracias!!

maycolalvarez · #5 (**permalink**) 15/10/2012, 09:42

recomendaciones:

use las colecciones para acceder a los elementos de un form, no hace falta el prefijo javascript: si está en un atributo de evento, eso es para el href por ejemplo.

onKeyPress="keyarticulo(event, document.forms['venta'].elements['agrega']);this.value='';"

Recomiendo usar el highlight del foro para mostrar código:

Código Javascript:

Ver originalfunction keyarticulo(oEvento, oFormulario){
    var iAscii;
 
    if (oEvento.keyCode)
        iAscii = oEvento.keyCode;
    else if (oEvento.which)
        iAscii = oEvento.which;
    else
        return false;
 
    if (iAscii == 13)
    {
        return true; //creo que es más que necesario si la función que envía se establece en el onsubmit de su FORM padre
        //oFormulario.click();
    }
 
    return false;
}

NOTA: lo que se supone que hace el botón agrega en onclick debería estar en el onsubmit del formulario que contiene el buscador, y que agrega sea un input submit, o que llame al document.forms['venta'].submit(); así no es necesario pasar el form como parámetro (oFormulario)

juancenter · #6 (**permalink**) 15/10/2012, 18:55

Muchas gracias, bueno, lo hacía asi y no por onsubmit del formulario por que hay varios botones dentro del formulario y este es typo button...

me sirvió mucho lo que me enseñaste, muchas gracias.