Задать вопрос
@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>
  • Вопрос задан
  • 2783 просмотра
Комментировать
Подписаться 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 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен верстальщик. Переверстать, доверстать, доработать интерфейс
22 нояб. 2024, в 16:13
7000 руб./за проект
Доработка и исправление ошибок в работе Личного кабинета сайта
22 нояб. 2024, в 15:59
35000 руб./за проект
Рефакторинг vue.js/nest.js интерфейса у админки
22 нояб. 2024, в 15:50
150000 руб./за проект
Ещё заказы