Usando o jQuery para testar se uma entrada tem foco
Na primeira página de um site que estou construindo, vários<div>
s use o CSS:hover
pseudo-classe para adicionar uma borda quando o mouse estiver sobre elas. Um dos<div>
s contém um<form>
que, usando jQuery, manterá a borda se uma entrada dentro dela tiver foco. Isso funciona perfeitamente, exceto que o IE6 não suporta:hover
em qualquer elemento que não seja<a>
s. Portanto, apenas para este navegador, estamos usando o jQuery para imitar CSS:hover
usando o$(#element).hover()
método. O único problema é que agora o jQuery lida com o formuláriofocus()
hover()
, quando uma entrada tem foco, o usuário move o mouse para dentro e para fora, a borda desaparec
Eu estava pensando que poderíamos usar algum tipo de condicional para interromper esse comportamento. Por exemplo, se testássemos o mouse se alguma das entradas tivesse foco, poderíamos impedir que a borda desaparecesse. AFAIK, não há:focus
seletor no jQuery, então não tenho certeza de como fazer isso acontecer. Alguma ideia