Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Daniel Carloni_165776

[Resolvido] onkeyup disparado

Por , em Javascript

Recommended Posts

Daniel Carloni_165776    0

Daniel Carloni_165776
Postado

bom dia

 

function box(){

//if (document.getElementById('inputBox').value != ""){
input = document.getElementById('inputBox').value;
alert(input);
//}	 
}
<input name="inputBox" id="inputBox" class="querybox" placeholder="Digite sua palavra de busca" 
        value=""  type="text" onkeyup="box();">

 

não era para aletar só uma vez ? poque está disparado ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

vai alertar toda vez q você soltar uma tecla

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Carloni_165776    0

Daniel Carloni_165776
Postado

se tá querendo me dizer então que quando eu click no ok do alerta é como se chamasse a função novamente ? porque setei apenas dentro do input, não era para ser assim...

 

fora isso outro problema no syle.display

 

 <script>
     i = 0;
     function Rolar() {
     document.getElementById('painel').scrollTop = i;
  if(i == 20){clearInterval(time);


  document.getElementById('bordaBox').style.display = 'block'; 
  }else{
  i++
  var time = setInterval("Rolar()", 100); } }
   </script>

<script>
function box(){
input = document.getElementById('inputBox').value;
if(input != ""){
//Rolar(); // <- ativando a função o display = 'none' nao funciona :\
alert(input);
document.getElementById('bordaBox').style.display = 'block'; 

}
else{ document.getElementById('bordaBox').style.display = 'none';  }
}
</script>

 

quando eu chamo a função Rolar(); antes, o display:none não funciona, o elemento continua na página...

 

aff, pq ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Francis Schiavo    1

Francis Schiavo
Postado

Ao clicar no ok o evento não será disparado. No teste que fiz aqui executa apenas uma vez.

 

No segundo caso provavelmente esta linha:

document.getElementById('bordaBox').style.display = 'block';

está sendo executada e sobrepondo o display: none;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel Carloni_165776    0

Daniel Carloni_165776
Postado

Francis Shiavo, você realmente testou ai ?

 

eu testei denovo dispara frequentemente

 

[code

<script>

i = 0;

function Rolar() {

document.getElementById('painel').scrollTop = i;

if(i == 20){clearInterval(time);

 

 

document.getElementById('bordaBox').style.display = 'block';

}else{

i++

var time = setInterval("Rolar()", 100); } }

</script>

 

<script>

function box(){

input = document.getElementById('inputBox').value;

if(input != ""){

//Rolar(); // <- ativando a função o display = 'none' nao funciona :\

alert(input);

document.getElementById('bordaBox').style.display = 'block';

 

}

else{ document.getElementById('bordaBox').style.display = 'none'; }

}

</script>

 

<form name="form" method="post" action="action">

<input type="text" id="inputBox" onkeyup="box();">

</form>

 

[/code]

 

testei exatamente esse código e continua disparando, limpei o cache e tudo mais testei em todos navegadores aqui

e da esse problema ai

Compartilhar este post

Link para o post
Compartilhar em outros sites

Francis Schiavo    1

Francis Schiavo
Postado

Testei no Firefox, o evento ocorre para cada caracter que eu digito no input, mas apenas no input.

Tanto ao clicar na mensagem do alert() quanto em qualquer outra parte da página o evento não ocorre. Tambpem o evento onkeyup ocorre apenas por teclado, mouse não dispara esse evento.

 

Tente isolar o código do resto da sua página original para ver se pode haver outro código nela atrapalhando, salve o código abaixo em um arquivo e veja o comportamento:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title>Exemplo</title>
   <script type="text/javascript">
      function box(){
        input = document.getElementById('inputBox').value;
        alert(input);    
      }
   </script>
 </head>
 <body>
   <form action="index.html">
     <p>
       <input type="text" name="inputBox" id="inputBox" onkeyup="box();" />
     </p>
   </form>
 </body>
</html>

 

Para cada tecla pressionada no teclado, deverá ser exibida a mensagem.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito