Utilizando jQuery para probar si una entrada tiene foco
En la portada de un sitio que estoy construyendo, varios<div>
s usan el CSS:hover
pseudo-class para agregar un borde cuando el mouse está sobre ellos. Uno de los<div>
s contiene una<form>
que, usando jQuery, mantendrá el borde si una entrada dentro de ella tiene foco. Esto funciona perfectamente, excepto que IE6 no admite:hover
en cualquier elemento que no sea<a>
s. Entonces, para este navegador solo estamos usando jQuery para imitar CSS:hover
utilizando la$(#element).hover()
método. El único problema es que ahora jQuery maneja tanto el formulariofocus()
hover()
, cuando una entrada tiene foco, el usuario mueve el mouse hacia adentro y hacia afuera, el borde desaparece.
Estaba pensando que podríamos usar algún tipo de condicional para detener este comportamiento. Por ejemplo, si probamos con el mouse fuera si alguna de las entradas tenía foco, podríamos evitar que el borde desaparezca. AFAIK, no hay:focus
selector en jQuery, así que no estoy seguro de cómo hacer que esto suceda. ¿Algunas ideas