エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
もうoutlineを消さない。クリック・タップ・キーボードのイベントを判定してくれるJSライブラリ「what-input」 | Tips Note by TAM
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
もうoutlineを消さない。クリック・タップ・キーボードのイベントを判定してくれるJSライブラリ「what-input」 | Tips Note by TAM
data-whatinputとdata-whatintentが少し分かりにくいと思いますが、デモで色々な操作をして確認してみて... data-whatinputとdata-whatintentが少し分かりにくいと思いますが、デモで色々な操作をして確認してみてください。data-whatintentはキーボードとクリックを完全に分離して切り替え、data-whatinputは両方同時に使って操作していく感じかなと思います。 デモではクラスが設定されていないので、data-whatclassesは確認できません。 セレクタの指定方法 具体的な指定方法です。 以下のように指定すると、クリックやタップで要素を選択したときにだけフォーカスインジゲータが出なくなります。フォーカスインジゲータをoutlineプロパティだけで指定している場合はこれだけで大丈夫かもしれません(詳細度は要確認)。 [data-whatinput="mouse"] *:focus, [data-whatinput="touch"] *:focus { ou