Задать вопрос
Tispartaaaa
@Tispartaaaa
Начинающий фронтендер :)

Как правильно активировать\деактивировать кнопку по наведении мыши?

Доброго времени суток :)
Подскажите пожалуйста, как надо делать?
Хочу просто при наведении мыши на объект (в этом примере на кнопку) выключать (дисэйблить) его.
А если мышь с объекта убрать, то что бы объект снова становился активным.
При наведении кнопка становится неактивной, а вот потом активной снова - нет:(

<button>button</button>

var btn = document.querySelector('button');

function disableThis() {
  this.disabled = true;
}

function enableThis() {
  this.disabled = false;
}

btn.addEventListener('mouseover', disableThis, false);
btn.addEventListener('mouseleave', enableThis, false);


Вот в песочнице:
codepen.io/tispartaaaa/pen/ZOQPxa

Понимаю, что тут всё просто, но не выходит почему - то.
  • Вопрос задан
  • 224 просмотра
Подписаться 2 Оценить Комментировать
Решения вопроса 2
Per_Ardua
@Per_Ardua
Frontend developer
На чем тестишь? В твоем примере всё работает. (Firefox 47.0)
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы