javascript - 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 が配置を支援します。