1

Привет. Есть следующая структура:

<div class="parent">
    <div class="child">
    </div>
</div>

Элемент с классом .parent спозиционирован абсолютно. А элемент с классом .child спозиционирован относительно. Я повесил событие click на $('window') и проверяю, что есть целью(e.target). Так вот, когда я кликаю по родительскому элементу, то в консоль выводится, что я кликнул по дочернему элементу .child. Почему так происходит?

4 ответа 4

0

Попробуйте место e.target , вывести this , или e.currentTarget !

0

в кого кликаешь - тот и таргет.

$(window).click(e=> console.log(e.target));
.parent{
  position: absolute;
  background: green;
  width: 100px;
  height:100px;
}
.child{
  background: blue;
  margin-left: 50px;
  width: 100px;
  height:100px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
        <div class="child">
        </div>
    </div>

0

А вот ответ на сам вопрос, содержащийся в теле: почему так происходит?

Называется весь этот беспредел - event bubblingи event capturing, почитай Статью

0

Скорее всего дело во всплытии. Используйте event.stopImmediatePropagation();

$('window').on('click', function(event){
    event.stopImmediatePropagation();
    console.log(event.target);
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.