クリックイベントの無効化が素敵だった件 スマホ

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

CSSだけで多階層のグローバルメニューを作ってみたときに、
ふと先頭のどこのページにも移動しない時の挙動についておかしいような気がしたのです。

通常

<a href=""></a>

とするように思います。
パソコンだとオンマウスで挙動するように作ってあれば、クリックされる事は少ないですが、スマホで見るとついタップせずにはいられませんよね。
そう、タップしないとサブメニューが出ませんので。

そこで知ったのが

.target{
  pointer-events: none;
}

このコード。
なるほどcssで無効化してしまうわけですね。

とってもお勉強になりました。

もしお役に立てたり、クスッとして頂いたりご共感頂けた際にはポチっとして頂けますと記事への情熱になったりしなかったり。。。

  • にほんブログ村 子育てブログへ
  • にほんブログ村 IT技術ブログ WordPressへ
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメントを残す

*