実現したいこと
selectタグ内のクラス名付きoptionをクリックした時に
イベントが発火するようにしたいです。
発生している問題・分からないこと
PCでは問題なくイベント発火しますが
スマホでは発火しません。
該当のソースコード
html
1<select class="test"> 2 <option value="">選択する</option> 3 <option class="choice" value="りんご">りんご</option> 4 <option class="choice" value="バナナ">バナナ</option> 5</select>
Javascript
1<script> 2 $(function(){ 3 $('.test .choice').on('click', function(){ 4 alert(発火) 5 }); 6 }); 7</script>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
■検証環境
・windows11(発火する)
・android(発火しない)
・ipad(発火しない)
スマホ・タブレットは、クリックではなくタッチなので、
touchstartを使っていろいろ記述してみましたが、うまくいきませんでした。
クリック対象をselectタグのほうにして、touchstartを使うと発火したので、
クリック対象がoptionタグだとうまくいかないのかなと思いました。
しかし実現方法がどうしてもわからないので、すみませんがよろしくお願いいたします。
補足
特になし
![guest](/img/icon/icnUserSample.jpg)
回答2件
あなたの回答
tips
プレビュー