【HTML覚書】スマートフォンで電話番号をタップして発信するリンクでＰＣは何もしない設定

毎度でございます、えばさん（@Ebba_oBL）です。

これも再々記載しないので忘れるやつ。

通常電話番号をタップして発信するＨＴＭＬは以下のような記述です。

<a href="tel:00012345678">000-1234-5678</a>

ハイフン有り推奨とか、なくてもいいとか色々あるようですがボクはハイフン無しで記述しています。

これをＰＣでクリックした場合、iPhone経由で発信するMacなどは良いかもしれませんが、ＰＣで閲覧している方の多くはそういう動作は望んでいないと思われますので、いっそ無反応にしてしまうのが親切です。

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}

このようにCSSに記述すればPCは無反応になるというわけです。