iOSでクリックイベントが機能しない

Question

前提・実現したいこと

iPadにデータを移した際に、ボタンをクリックすると、クリックイベントが発動しなくなってしまってます。
Macでリロードした際は、普通に発動しました。
iPadに移した時もクリックイベントが発動できるようにしたいです。

発生している問題・エラーメッセージ

該当のソースコードに記述したscriptコードだと、Macではクリックしたときに、イベントが発動するが、iPadでタップすると何も反応がない

エラーメッセージ

該当のソースコード

<li> <input type="checkbox" name="check" value="1"> <label class="strikethrough">A</label> </li>

<li>
    <input type="checkbox" name="check" value="1">
    <label class="strikethrough">B</label>
</li>

</ul>

<button id="button" class="btn">全てのチェックを外す</button>

<script> document.getElementById('button').addEventListener ('click',()=>{ let targets = document.querySelectorAll(`input[type='checkbox'][name='check']`); for(const i of targets){ i.checked = false; } }); </script>

javascript
ソースコード

試したこと

・addoeventlistenerのclickの部分をtouchstartに変える
・styleタグのbtnのクラスにcursur:pointer;の記述の追加
・clickの部分をonclickに変更

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

iosのバージョンはios15.1です。

ここにより詳細な情報を記載してください。

Answer 1

<button>にtypeを書かないと、type="submit"、つまりフォームを送信してページ遷移するボタンとして処理されてしまいます。

type="button"として、単なるボタンにしてみましょう。

Comments

[wakachanman]

type="button"にした場合、getElementById('button')ではなく、getElementsByTagNameに変更した方がいいですか？

[maisumakun]

> type="button"にした場合、getElementById('button')ではなく、getElementsByTagNameに変更した方がいいですか？

特に関係ありません。

[wakachanman]

ありがとうございます