Задать вопрос
@evil0o
javascript

Как сделать, чтобы событие не срабатывало на вложенных дивах?

Как сделать, чтобы событие для XXX не срабатывало на XXX1?
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>

<style>
div {  
  position: absolute;
  left: 0px; 
  top: 0px; 
  padding: 2%;
}
  p{
    margin: 20px;
    clear: both;
  }
</style>
</head>
<body>

<div ID="XXX" style="width: 3%; height: 100%; background: lightgrey">
  <div ID="XXX1" style="width: 500PX; background: #F0F">
      sdffsdfsdf
  </div>
</div>
  <p>dsbfjvhbdivhjlzdhvfilv</p>

<div id=d style="width: 20%; height: 50%; background: gray; display: none"><a href="">content</a>
</div>
 
  
<script>
$( "#XXX" ).click(function( event ) {
      $("#d").css("background", "red");
      $("#d").show();
});
    

  $('#d').mouseleave(function () {$(this).hide(); })
</script>
  
</body>
</html>
  • Вопрос задан
  • 2784 просмотра
Комментировать
Подписаться 6 Оценить Комментировать
Решения вопроса 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Попробуйте как-то так:
$('#XXX').on('click', function (e) {
    if (!$(e.target || e.srcElement).is('#XXX')) {
        // ивент сработал на вложенном элементе
        e.stopPropogation();
        return false;
    }

    // сделать что-то
});
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Расшифровать требуемые параметры из CAN-шины авто Chery Tiggo 7 Pro
23 дек. 2024, в 00:27
20000 руб./за проект
Отправка команды на (раз)блокировку двигателя Chery Tiggo 7 Pro
23 дек. 2024, в 00:15
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы