Evento onblur no me funciona en chrome

[TEPO]

Hola a todos, estoy con un pequeño problema, estoy utilizando los eventos onclick y onblur en un menu sencillo, para que cuando aprete un boton quede pintado con el onclick y cuando apriete otro el que estaba pintado se despinte con el onblur, me funciona en firefox, en explorer pero vaya sorpresa la mia, no funciona el onblur en google chrome, alguien podria ayudarme? paso el codigo.
Muchas Gracias.

Código:

<div id="menu">
     <ul id="navMenu">
         <li>
                <a href="home.html" onclick="javascript:this.style.color='#1438EF';" 
                onblur="javascript:this.style.color='#000000';">Home</a>
         </li>
         <li>
               <ahref="contacto.html"onclick="javascript:this.style.color='#1438EF';" 
                onblur="javascript:this.style.color='#000000';">Contacto</a>
         </li>
     </ul>
</div>

[oscarbt]

Pues pruebo el Onblur en chroome y funciona....a mi si me cambia de color el enlace....peroo no entiendo para que haces un Onblur en un enlace??

[TEPO]

Hola oscarbt, yo estoy utilizando la ultima version del google chrome y no me funciona, te comento que pongo el onblur porque estoy utilizando ajax, lo que habre el menu viene por ajax y como no podia resaltar los enlaces (debe haber alguna manera) trate de usar eso, pero se ve que ese no es el camino, tendre que ver de que manera puedo resaltar los enlaces en los que estoy parado utilizando ajax, si me podes dar una mano con eso seria buenisimo.
Agradezco tu respuesta.-

[Raziel_Ravenheart]

Iniciado por TEPO

Hola a todos, estoy con un pequeño problema, estoy utilizando los eventos onclick y onblur en un menu sencillo, para que cuando aprete un boton quede pintado con el onclick y cuando apriete otro el que estaba pintado se despinte con el onblur, me funciona en firefox, en explorer pero vaya sorpresa la mia, no funciona el onblur en google chrome, alguien podria ayudarme? paso el codigo.
Muchas Gracias.

Código:

<div id="menu">
     <ul id="navMenu">
         <li>
                <a href="home.html" onclick="javascript:this.style.color='#1438EF';" 
                onblur="javascript:this.style.color='#000000';">Home</a>
         </li>
         <li>
               <ahref="contacto.html"onclick="javascript:this.style.color='#1438EF';" 
                onblur="javascript:this.style.color='#000000';">Contacto</a>
         </li>
     </ul>
</div>

Estuve leyendo por ahí y ps como está en ingles, es decir aquí:

http://stackoverflow.com/questions/2407679/onblur-event-not-working-with-google-chrome

y junto con lo que leí aquí:

http://www.quirksmode.org/dom/events/blurfocus.html

Dice lo siguiente, resumido y unido:

Google chrome no considera ciertos elementos "enfocables" (focusables), y tampoco activa el evento en ciertos elementos cuando el usuario hace click con el mouse, solo con el teclado. Para darle la característica de enfocable utiliza el atributo "tabindex", el código lo corregí, así y ya me funciona:

Código HTML:

<div id="menu">
     <ul id="navMenu">
         <li>
                <a href="#" onclick="this.style.color='#1438EF';" 
                onBlur="this.style.color='#000000';" tabindex="0">Home</a>
         </li>
         <li>
               <a href="#" onclick="this.style.color='#1438EF';" 
                onBlur="this.style.color='#000000';" tabindex="0">Contacto</a>
         </li>
     </ul>
</div>
 

Cabe mencionar que, si un objeto no es considerado "enfocable", por lo tanto no puede considerarse "borroso" si no está escogido y por lo tanto, no va a desencadenar el evento "onblur"

[TEPO]

Raziel_Ravenheart solucionaste mi problema, te agradezco mucho, muy completa la respuesta, habia pasado por este enlace
http://stackoverflow.com/questions/2...-google-chrome
pero se ve que no lo vi con claridad. Tema cerrado.
Gracias.