移動端iosによるlable radioの処理

478 ワード

Lableラップradio,ios上のクリック文字はcheckedにならず,labelラップ要素にcss pointer-events: none;を追加したり,空のクリックイベントclick=""を追加したりすることで解決できるので,cssを採用することを提案する.
pointer-eventsはユーザーのクリック動作を阻止していかなる効果を生んでデフォルトのマウスポインタの表示を阻止してCSSの中のhoverとactive状態の変化を阻止してイベントをトリガしてJavaScriptクリック動作がトリガするイベントを阻止します
どうしてテキストをクリックして選択しますか?Label要素は、ユーザーに特別な効果を与えません.ただし、マウスユーザーの可用性は向上しています.label要素内でテキストをクリックすると、このコントロールがトリガーされます.つまり、ユーザーがラベルを選択すると、ブラウザは自動的にラベルに関連するフォームコントロールにフォーカスします.