Publicado em 16 de jun.

[Resolvido] Não executar evento

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.

Discussão (4)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Ted k'· 16 de jun.

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>

pslucasps· 16 de jun.

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.

webmind· 16 de jun.

<!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">](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>

pslucasps· 17 de jun.

PErfeito, mas uma vez obrigado webmind. Pode fechar o topico.