¿Es posible obtener un color “a: hover” mediante javascript sin colocar el elemento sobre el elemento?

Quiero olfatear el color en el que se convertiría un enlace si flotaba sobre él sin detenerme realmente sobre él. La razón por la que quiero hacer esto es para saber qué cambiar a usar animate ya que el color se puede configurar a través de varias máscaras que se aplicarán dinámicamente. ¿Puedo hacer esto usando javascript o jquery (o hay alguna otra forma de hacerlo)?

Editar: Ya lo he implementado usando transiciones CSS, pero necesito el javascript para IE9 y debajo

Puede obtener el valor de las hojas de estilo: http://jsfiddle.net/wt3qQ/

// code I found here: http://catcode.com/dominfo/getstyle2.html function getStyleBySelector( selector ) { var sheetList = document.styleSheets; var ruleList; var i, j; /* look through stylesheets in reverse order that they appear in the document */ for (i=sheetList.length-1; i >= 0; i--) { ruleList = sheetList[i].cssRules; for (j=0; j 

No, esto no es posible desafortunadamente: puede usar getComputedStyle() para recuperar información sobre pseudo-elementos ( ::before / ::after ), pero no el :hover .

Referencias

  • window.getComputedStyle() .

Si desea animar el color, entonces ( para los navegadores modernos ) puede habilitar las transiciones para el color y de esa manera se animará automáticamente a lo que sea que se convierta en :hover

Para aplicar con el código que podría hacer

 $('element').css({ '-webkit-transition':'color 0.5s', '-moz-transition':'color 0.5s', '-o-transition':'color 0.5s', 'transition':'color 0.5s', });