Кнопка не реагирует на текст, содержащийся в нём

Question

Имеется такой код HTML, он у меня реагирует на саму кнопку, а на текст содержащийся внутри кнопки почему-то не реагирует:

const box_swipe = $(".touch-side-swipe");
let arrow = document.querySelector('#selectCityMobile > .arrow1');
box_swipe.on("click", function(e) {
  if (e.target.classList.contains('user_region1') || e.target.classList.contains('user_region1').contains('span')) {
    // клик внутри элемента
    console.log('123');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="user_region1" id="selectCityMobile"><span></span><span class="arrow1">&#8595;</span></button>

Как это можно исправить?

Answer 1

Как вариант, исправил, добавив класс в тег span:

if(e.target.classList.contains('user_region1') || e.target.classList.contains('user-region-text'))

<button class="user_region1" id="selectCityMobile"><span class="user-region-text"></span><span class="arrow1">&#8595;</span></button>

БЛОГ НА HUSL

Кнопка не реагирует на текст, содержащийся в нём

Ответы (1 шт):