0

Eu estou tentando ler o texto dentro de um campo input, mas não esta funcionando, o que pode estar errado?

Meu código:

<input type="text" id=-"campo-de-busca" onKeyPress="teclaPressionada()" placeholder="Nome">

function teclaPressionada()
{
    var texto = $("#campo-de-busca").val();
    alert(texto);
}

6
  • 4
    E qual é o input? Quando a função teclaPressionada é executada?
    – Woss
    7/08/2017 às 12:50
  • tens certeza que estas a chamar a função teclaPressionada ?
    – 13dev
    7/08/2017 às 13:04
  • Inseri meu campo input
    – abduzeedo
    7/08/2017 às 13:06
  • 1
    troque id=-"campo-de-busca" por id="campo-de-busca"
    – Otto
    7/08/2017 às 13:07
  • 1
    Gente, desculpe este erro bobo.
    – abduzeedo
    7/08/2017 às 13:15

3 Respostas 3

2

Você pode utilizar os eventos nomeados KeyBoard Events que são esses :

  • KEYDOWN

O keydown event é enviado para um elemento quando o usuário pressiona uma tecla no teclado. Se a tecla for mantida pressionada, o evento é enviado sempre que o sistema operacional repete a chave.

KEYDOWN EVENT JQUERY


  • KEYPRESS

O keypress event é enviado para um elemento quando o navegador registra a entrada do teclado.

KEYPRESS EVENT JQUERY


  • KEYUP

O keyup event é enviado para um elemento quando o usuário libera uma tecla no teclado. KEYUP EVENT JQUERY

Abaixo você pode ver um exemplo usando jQuery e os eventos acima citados.

Você pode alterar o evento para keypress ou keydown

$(function(){
  $('#teste').on('keyup',function(){
    console.log(this.value);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="teste">

13
  • 1
    Motivo do voto negativo ? 7/08/2017 às 13:19
  • 1
    Só coloquei "se esse foi o motivo" porque algumas pessoas na comunidade no lugar de dar um feedback feito o seu apenas colocam o negativo e não sabemos onde erramos para melhorarmos na próxima resposta entende ? como sou novato na comunidade preciso reconhecer meus erros. @LeoCaracciolo 7/08/2017 às 14:05
  • 1
    entendi, sou contra dar votos negativos sem explicação. Isso não ajuda nada e ninguém.
    – user60252
    7/08/2017 às 14:16
  • 1
    Exemplo, tem 2 negativos em minha resposta só que estou tentando ajudar e não atrapalhar, porque não informar aqui o motivo... até desanima a pessoa. 7/08/2017 às 14:40
  • 1
    +1 dado por atender os comentarios, além da resposta agora ficar ok :)
    – user60252
    7/08/2017 às 14:41
1

tem um - no seu campo id

<input type="text" id="campo-de-busca" onKeyPress="teclaPressionada()" placeholder="Nome">

mas o que você que não seria onclick ao invés de onkeypress?

2
  • 1
    Eu quero pegar os valores dentro do input ao pressionar a tecla
    – abduzeedo
    7/08/2017 às 13:15
  • tá certo!! entendi que seria o valor total do input, daí vc precisaria de uma outra chamada javascript, mas se é a cada letra, então deve usar o onKeyPress mesmo..
    – Lucas
    7/08/2017 às 13:40
0

A solução para seus problemas passa por

  • uma correção no valor do atributo id do seu input do HTML de -"campo-de-busca" para "campo-de-busca". Observe que tem um hifem logo após o sinal de igual.
  • Mudar o evento onKeyPress para onkeyup para que a função seja disparada assim que a tecla é pressionada.

function teclaPressionada()
{
    var texto = $("#campo-de-busca").val();
    console.log(texto);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="campo-de-busca" onkeyup="teclaPressionada()" placeholder="Nome">

Para maiores detalhes sobre diferenças entre OnKeyUp, OnKeyDown e OnKeyPress veja esse Post

Com jquery

var userTyped = '';
$(document).ready(function(){
$("#campo-de-busca").keypress(function(e){
userTyped += String.fromCharCode(e.which);
console.log(userTyped);
});
$( "#campo-de-busca" ).focus();
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="campo-de-busca" placeholder="Nome">

0

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .