iPad - событие touchStart () заблокировано текстом div

Question

У меня есть div, который запускает событие touchStart

<div class="button" ontouchstart="touchStart(event)"> button</div>

когда мой палец попадает на текстовую кнопку внутри div, событие не вызывается, и где-либо еще на поверхности события div запускается, как я могу заставить его срабатывать, когда я касаюсь текста?

Answer 1

если вы знаете размер div, то вы можете добавить прозрачный div над вашим текстом с помощью события ontouchstart.

<div class="buttoncontainer">
    <div class="button"> button</div>
    <div  ontouchstart="touchStart(event)" class="somethingrelative"></div>
</div>

, где кнопка-контейнер и что-то относительное помогают в позиционировании.

Answer 2

Вы также можете поместить текст внутри другого элемента, например, span, и сделать его неактивным для событий с:

.button span {  
    pointer-events: none;
}