onchange en textbox?

[gabrielflowers]

hola amigos, tengo una pregunta, existe alguna forma de emular el onchange con javascript para un textbox html?

se bien que un textbox segun la w3c tiene contemplado el evento onchange:

Código HTML:

<input type="text" name="campo1" value="" onchange="alert('escribiste algo');"> 

pero este onchange no funciona como se deseara, es decir genera el evento, llamando al alert, solo recien despues que dicho textbox pierde el foco

existe alguna forma de emular el onchange tal como deberia ser : generar el evento llamando a alguna rutina luego de que el value del textbox ha cambiado (en tiempo de ejecucion)

gracias, escucho sugerencias y opiniones...saludos

[lobo_php]

el evento onChange no quiere decir que cada q cambia, por ejemplo

yo tengo una caja de texto con este valor =""

cuando me dedico a escribir esta generando el evento onkeypress, creo.

si es el onChange le voy escribiendo "h"-"o"-"l"-"a" y cuando salgo de el ahi es que cambia, por que pasa del estado "" al estado "hola"

[Adolfiten]

Usá el otro evento como dicen Don Lobo, así vas a poder apreciar en tiempo real si cambia, no tenés que esperar a que pierda el foco.

¡Saludos!

[jeybi]

El problema de onkeypress y parecidos, es que tienes que saber controlarlos, por ejemplo, onkeypress solo lanza caracteres imprimibles y es el recomendado para este tipo de cosas, sin embargo al llegar al tope "maxlength" el evento se seguira disparando, tu debes comparar entonces la longitud de lo escrito con lel valor de dicha propiedad, claro, esto solo es necesario si haces algo que realmente necesite el control preciso.

Otro problema que es mas común, es que cuando se dispara el keypress aun no se ha escrito nada en el input, y podria ser un problema, en este caso la solucion seria crear otro manejador de evento para onkeyup, pero aqui surje otro problema si solo deseamos manejar caracteres, debemos checar si la tecla pulsada es imprimible, ya que keyup se dispara con todas las teclas (flechas, shift, ctrol). Ademas de esto, onkeypress no se dispara cuando se presiona el backspace o suprimir, y conduce a mas problemas.

Como te digo, es posible que estos problemas no sean relevantes(como pasa en la mayoria de los casos), afortunadamente hay un evento que hace lo que buscas, dispararse a cualquier cambio (incluyendo si el usuario hace un paste en el input, cosa que ni onkeypress ni onchange lo detectarían al momento), respeta maxlenght y backspaces, vamos se lanza solo cuando hay un cambio, este evento se llama "input" pero solo es soportado por firefox y safari (al menos eso creo yo).

Puedes probarlo con elemento.addEventListener('input',funcion).

Saludos!

[Adolfiten]

Buen dato Jeybi.

[gabrielflowers]

Jeybi: ese evento type no existe ni siquiera para el firefox,
lobo: no quiero capturar el onkeypress() ni nada parecido, sino quiero alguna funcion javascript que emule al onchange que conocemos, es decir ejecute unas rutinas cada que cambia el value de un input (textbox) en tiempo de ejecucion, y no depues de que este pierda el foco (sigo repitiendo), tampoco me interesa tanto el onkeypress o algo parecido, ya que eso esta ligado al teclado,

espero alguna otra alternativa...
es acaso algo imposible???

[jeybi]

https://developer.mozilla.org/index....cci%C3%B3n

Manejo de cambios de texto

Hay dos eventos que pueden ser utilizados cuando el usuario cambia el valor de una caja de texto. Naturalmente, estos eventos sólo serán enviados a la caja de texto que tiene el foco.

* El evento input es disparado siempre que el texto del campo es modificado. El valor nuevo será diferente del viejo. Puedes querer utilizar este evento en lugar de usar eventos de tecla, ya que algunas teclas como Mayúsculas no cambian el valor. Además, el evento input no se disparará si se pulsa una tecla de letra cuando ya no caben más letras en la caja de texto.
* El evento change es similar en que se dispara sólo cuando el campo cambia. Sin embargo sólo se dispara una vez la caja de texto pierde el foco, es decir, una vez por cada conjunto de cambios.

[ilydiego]

gabriel flores dime de donde sacaste tu imagen tipo los simpsoms dime siii si orale siiiiiiiiiiiiiiiiiiiii yo kero una

[gabrielflowers]

querida ilydiego, con gusto te pasare el link de la pagina donde cree mi imagen tipo simpsons (como dices), enviame un mail a [email protected]

pdta.:aunque ese no era el asunto de este tema!

[gabrielflowers]

estimado jeybi, te agradezco tu aporte, pero parece q no existe ese evento "type" del q hablas, la pagina q das de referencia es muy pobre, tu probaste ese evento q dices??? puedes postear tu codigo de ejemplo aplicando ese evento "type"

gracias, saludos, sigo escuchando sus aportes e ideas