Показать сообщение отдельно
  #1 (permalink)  
Старый 10.03.2016, 13:29
Новичок на форуме
Отправить личное сообщение для Gooody29 Посмотреть профиль Найти все сообщения от Gooody29
 
Регистрация: 10.03.2016
Сообщений: 1

проблема с window.getComputedStyle
Дорое время суток!
вопрос к гуру javascript
есть "код":

<style>
	a { color:rgb(241, 105, 105); }
	a:hover { color:rgb(1, 105, 205); }
</style>
<h1>
	<a href="#" onclick="go(this);">click me and remove the mouse</a>
</h1>
<script>
function go(el)
{
     setTimeout(function()
     {
			var pseudoElt = '::hover';
			//var pseudoElt = ':hover';
			//var pseudoElt = 'hover';
			var elementStyle =  window.getComputedStyle ? window.getComputedStyle(el, pseudoElt) : el.currentStyle;
			console.log('Hover Result: ' + elementStyle.color);
     }
     , 2000);
    var pseudoElt = null;
    var elementStyle =  window.getComputedStyle ? window.getComputedStyle(el, pseudoElt) : el.currentStyle;
    console.log('Not Hover Result: ' + elementStyle.color);
}
</script>



я кликаю по ссылке и убираю курсор мышки, в результате в консоле получаю:
Not Hover Result: rgb(1, 105, 205)
Hover Result: rgb(241, 105, 105)

Как мне получить правильные данные для "hover" и не "hover", не используя setTimeout и вне зависимости от наведения курсора?
Ответить с цитированием