@saiasasd

Что делать, если div перекрывает событие другого div'a?

Здравствуйте. Есть вот такая конструкция:

<div class="block_1">
    <div class="block_2"></div>
</div>

Суть в том, что размеры дочернего элемента больше, чем у родителя, но z-index у block_1 больше, чем у block_2. Я через addEventListener добавляю событие на block_1 (click), но оно срабатывает даже, если кликать на block_2, хотя у block_2 z-index больше. Нужно сделать так, чтобы событие срабатывало только на block_1. Помню, читал что-то про всплытие и погружение, но не уверен, что это здесь нужно. Спасибо за помощь
  • Вопрос задан
  • 106 просмотров
Пригласить эксперта
Ответы на вопрос 2
ZerdoX-x
@ZerdoX-x
Frontend developer influenced by web, a11y, crypto
Добавь ещё прослушку клика на block_2 и затем вызови event.stopPropagation();

После этого обязательно прочитай эту тему (иначе не сработает)
Ответ написан
Комментировать
@jsnk
Программист
в block_1 (click) :
event = event || window.event
var t = event.target || event.srcElement
if t.class=="block_2"
{ }
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы