Ir para conteúdo

POWERED BY:

Arquivado

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

pslucasps

[Resolvido] Não executar evento

Por , em Javascript

Recommended Posts

pslucasps    2

pslucasps
Postado

O que eru preciso é que criar uma condição. É o seguinte: O que quero é que quando um input text esteje recebendo o focus da aplicação o evento onmouseout não funcione para ele.

 

Como fazer isso?

 

<html>
<head>
 <script type='text/javascript'>
  function mudaborda(ref,cor)
  {
   ref.style.borderColor=cor;
  }
 </script>
</head>

<body>
<form>
<input name='login' onmouseover="mudaborda(this,'#000')" onmouseout="mudaborda(this,'#CDC9C9')" onfocus="mudaborda(this,'#00B2EE')" onblur="mudaborda(this,'#CDC9C9')" />
</form>
</body>
</html>

Como vocês podem ver o meu objetivo é que quando a seta do mouse passar por cima de um input o mesmo fique com a borda preta, e quando tirar a seta do mouse de cima o mesmo fique cinza (#CDC9C9). Além disso quando o input recebe o foco a cor da borda vira azul (#00B2EE) e quando perde volta a ser cinza. O problema aqui é que eu quero que quando o input estiver recebendo o foco a cor dele permaneça azul mesmo que eu retire a seta do mouse de cima do mesmo. Tem como fazer isso? Grato.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Veja se ajuda!

 

<html>
<head>
<script type='text/javascript'>
  function mudaborda(ref,cor){
   ref.style.borderColor=cor;
  }
</script>
</head>
<body>
<form>
<input name='login' style="border: 1px solid;" onmouseover="mudaborda(this,'#000');" onmouseout="mudaborda(this,'#CDC9C9');" onkeypress="mudaborda(this,'#00B2EE');" onfocus="mudaborda(this,'#00B2EE');" onblur="mudaborda(this,'#CDC9C9');" />
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pslucasps    2

pslucasps
Postado

Na verdade não funcionou. A minha intenção é de que quando o objeto tiver com o focu e borda azul o evendo onmouseout não funcione ou seje se o objeto for o foco a borda dele não mude para a cor cinza mesmo tirando a seta do mouse de cima. De qualquer forma obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

webmind    5

webmind
Postado 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script>

function verifica(obj){

if(obj.focus){obj.style.borderColor="#00B2EE"}

else{obj.style.borderColor="#b3b3b3"}

}

</script>

</head>

 

<body>

<input type="text" onmouseover="this.style.borderColor='#000000'" onmouseout="java script:verifica(this)" onfocus="this.style.borderColor='#00B2EE'" onblur="this.style.borderColor='#b3b3b3'" style="border:1px solid #b3b3b3"/>

</body>

</html>

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