Не учитывать клик по элементам родителя

99
26 декабря 2020, 13:00

Нужно получить клик только по контейнеру. Если я произвожу клик по элементам внутри контейнера, то они тоже засчитываются.

$(document).on('click', '.container--top--music', function() { 
  console.info('Вы произвели клик по контейнеру'); 
});
.container--top--music { 
  background: black; 
  padding: 10px 
} 
 
a { 
  background: red; 
  padding: 5px 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="container--top--music"> 
  <a>///</a> 
</div>

Answer 1

Нужно проверять по какому элементу был произведён клик. Если это this, то блокируем выполнение скрипта.

$(document).on('click', '.container--top--music', function(e) { 
  if (e.target !== this) return; 
  console.info('Вы произвели клик по контейнеру'); 
});
.container--top--music { 
  background: black; 
  padding: 10px 
} 
 
a { 
  background: red; 
  padding: 5px 
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="container--top--music"> 
  <a>///</a> 
</div>

READ ALSO
вложенные категории django+jquaery

вложенные категории django+jquaery

Подскажите пожалуйста как реализовать подобную структуру на django+jquery? modelspy

124
Как это сделать на bootstrap?

Как это сделать на bootstrap?

И как эта штука называется когда свайпается вправо каждые n секунд и можно нажимать на срелочки

117
Как правильно настроить зависимости C# при работе с гит

Как правильно настроить зависимости C# при работе с гит

Допустим у меня есть библиотека для работы с матрицами

101
Не пойму какой ответ Json нужен

Не пойму какой ответ Json нужен

Скинули код и попросили помочьКакой ответ должен парсить этот код Newtonsoft Json? Помогите, пожалуйста

139