Keyup text jQuery

En este artículo vamos a ver como escribiendo texto en un campo tipo input podemos mostrar su valor en otro lugar.

Lo primero que debemos hacer, como siempre cuando se va a trabajar con jQuery es incluir los scripts con su librería y los estilos si son necesarios.

En el ejemplo que tratamos ilustramos vamos a tener en el <body> el siguiente input que está a la espera de que se le introduzcan datos:

<input type="text" value="escribe texto aqui..."/>

Justo después tenemos lo siguiente:

<p></p>
<script>
    $("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();
</script>

Si nos fijamos en el contenido del script, lo que hacemos es que cuando pulsemos teclas en el input, lo que se esté escribiendo, es decir su valor se va a ir escribiendo denro del párrafo <p>.

Ver ejemplo en funcionamiento

 

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(1 voto, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

Una respuesta a “Keyup text jQuery”

  1. Isreal Falterman dice:

    I’m honored to receive a call coming from a friend immediately he found out the important tips shared on the site. Looking at your blog posting is a real wonderful experience. Many thanks for considering readers just like me, and I want for you the best of success as a professional in this area.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre