Sulla prima pagina di un sito che sto costruendo, molti <div>
usano la :hover
pseudo-classe CSS per aggiungere un bordo quando il mouse è su di essi. Una delle <div>
s contiene una <form>
che, usando jQuery, manterrà il bordo se un input al suo interno ha lo stato attivo. Funziona perfettamente, tranne per il fatto che IE6 non supporta :hover
elementi diversi da <a>
s. Quindi, solo per questo browser stiamo usando jQuery per imitare CSS :hover
usando il $(#element).hover()
metodo L'unico problema è che ora jQuery gestisce sia il modulo focus()
che hover()
, quando un input ha lo stato attivo, l'utente sposta il mouse dentro e fuori, il bordo scompare.
Stavo pensando che potremmo usare una sorta di condizionale per fermare questo comportamento. Ad esempio, se testassimo al passaggio del mouse se qualcuno degli input fosse attivo, potremmo impedire che il bordo vada via. AFAIK, non esiste un :focus
selettore in jQuery, quindi non sono sicuro di come farlo. Qualche idea?