iPad - 由div文本阻止的touchStart（）事件

Question

我有一个触发touchStart事件的div

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

当我的手指落在div内的文本按钮时，事件未被触发，div事件表面上的任何其他地方都被触发，当我触摸文本时如何触发？

Answer 1

如果您知道div的大小，那么您可以使用ontouchstart事件在文本上方添加透明div。

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

buttoncontainer和somethingrelative协助定位。

Answer 2

您还可以将文本放在另一个元素（例如范围）中，并使其对具有以下内容的事件不起作用：

.button span {  
    pointer-events: none;
}