Arttur
@Arttur
Приложения на JavaScript

Как запретить mouseover на дочерний элемент?

Здравствуйте. Элемент img при mouseover на img-hover присваивается класс img . Как запретить img__title принимать на себя событие mouseover?
<div class="row">
	<div class="img">
	        <div class="img-hover">
			<div class="img__title">Hello</div>
		</div>
	</div>
</div>

let row = document.querySelector('.row');

row.addEventListener("mouseover", addHover);
row.addEventListener('mouseout', removeHover);

function addHover (event) {
  let elemHover = event.target;
	elemHover.parentNode.classList.add('img--active');
}
function removeHover () {
  let elemHover = event.target;
	elemHover.parentNode.classList.remove('img--active')
}
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ответы на вопрос 1
@BelOFF007
если ничего не надо делать с <div class="img__title">...</div>, то в css

.img__title{
    pointer-events: none;
}


если же надо
let img = document.querySelector('.img__title');
img.addEventListener('mouseover', function(e){
    e.stopPropagation();
})
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Grabr Inc. Москва
от 2 500 до 4 500 usd.
KUPIBILET.RU Санкт-Петербург
от 100 000 до 130 000 руб.