2016-12-23 2 views
1

мне нужно изменить парения BackgroundColor в JavascriptИзменение BackgroundColor после висения в JavaScript

function changeColor(color) { 
var block = document.getElementsByClassName('kafelek'); 
for (var i = 0; i < block.length; i++) { 
    block[i].style.backgroundColor = "#" + color; 
}}; 

В этом коде я изменить цвет блока после щелчка, но мне нужно изменить цвет блока после парения тоже.

<div class="kolorek" onclick="changeColor('2ecc71');" style="background-color:#2ecc71;"></div> 
+0

https://developer.mozilla.org/en-US/docs/Web/Events – Teemu

+0

Этот код только меняет цвет фона. Когда этот код работает, это связано с тем, как вы присоединяете это событие. Покажите нам код, который вы используете для привязки к событию какого-либо элемента. В общем, для зависания проверяйте события mouseover и mouseout. –

+0

В дополнение к приведенным выше комментариям известно ли вам, что фоновый цвет можно изменять при наведении на CSS и без JavaScript? –

ответ

1

Может попробовать mouseleave событие:

element.addEventListener("mouseleave", function(event) { 
    event.target.style.backgroundColor = "purple"; 
} 

Кроме того, если вы хотите изменить только тогда, когда мышь находится на элементе, то лучше использовать CSS :hover, например, так:

element:hover { 
    background-color: #yourcolor; 
} 
+0

Но мне нужно динамическое изменение этого цвета, поэтому я должен использовать javascript – Aristov

Смежные вопросы