@VanilaSpirit

Можно ли сделать некликабельный блок внутри кликабельного?

Есть примерная структура:
<div class"clickMe column">
<div class"youCantClickMe">Я хочу нажиматься отдельно, либо вообще не нажиматься!</div>
</div>

На clickMe висит нажатие(по факту это всё одна большая кнопка)

Как уже стало известно - хочу либо сделать другой клик на youCantClickMe, либо убрать его вообще. Такое возможно?

Верстку менять не хочется, ибо там сразу кучу всего переделывать(
  • Вопрос задан
  • 69 просмотров
Решения вопроса 1
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
document.addEventListener(
  'click',
  (e) => {
    if (e.target.closest('.youCantClickMe')) {
      e.stopPropagation()
      return
    }
    if (!e.target.closest('.clickMe')) {
      return
    }
    // do something
  }
)
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@Pavstyuk
.youCantClickMe {pointer-events: none;}
Ответ написан
kirbi1996
@kirbi1996
Может как вариант z index попробовать , даже не придется лезть в js
Ответ написан
Ваш ответ на вопрос

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

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